Friday, September 1, 2023

Inline css in html

                      Inline CSS


 Information:

1]   Inline CSS is used to apply a unique style to a single HTML element.

2]   In inline CSS uses the  Style attribute of an HTML element.

3]   Css Apply in a Single element by inline css Technique.

 4]  Inline css also use method to insert style sheets in HTML document


Inline Css 

      Program

<html>

<head>

<title>inline property</title>

</head>

<body>

<h1 style="color:red; background-color:pink;">html</h1>

<p style="color:purple;">hyper text markup language</p>

<h3>Information</h3>s

<dl>INLINE CSS APPLY</dl>

<dd>inline csss use</dd>

<P>Css Apply in a Single element by inline css Technique.<br>

 inline css also use method to insert style sheets in HTML document.

 </P>

 <dl>syntax</dl>

 <dd><h2>element  style="css property:value"</h2></dd>

<h1 style="color:red; background-color:pink">CSS</h1>

<p style="color:purple;">cascading style sheet</p>

</body>

</html>

OUTPUT


inline css

        Visit Link

Friday, August 25, 2023

HTML pre tag

                           

        HTML pre Tag


Information 

1. The <pre> tag defines preformatted text. 

2. Text in a <pre> element is displayed in a fixed-width font.

3.  text preserves both spaces and line breaks. 

4. syntax with :- <pre>.......</pre> tag

5. displayed in a fixed-width font.

6 .The text will be displayed exactly as written in the HTML source code.


Program 

 HTML <pre> tag

<html>
<head>
<title>html pre tag </title>
</head>
<body>
<pre> My name is ram
my college name is satara

 
I like Apple My favourity color is skyblue
</pre>
</body>
</html>


OUTPUT




html preformatted text

        
                   Visit Link 


background image with text html

responsive image grid htmlcss program.html

split screen into two sections html


file upload html


Thursday, August 3, 2023

html iframe

HTML <iframe>


Information

         1] The HTML <iframe> tag specifies an inline frame
         2] The src attribute defines the URL of the page to embed
         3] Always include a title attribute (for screen readers)
         4] The height and width attributes specify the size of the iframe
         5] Use border:none; to remove the border around the ifram

Program

<!doctype html>

<html>

<body>

<h2>HTML Iframes</h2>

<p>You can use the height and width attributes to specify the size of the iframe:</p>

<iframe 

src="https://webdesigningtheory.blogspot.com/2023/05/html-and-css-use-to-create-easy-webpage.html" height="300" width="500" title="iframe">

</iframe>

</body>

</html>


OUTPUT

iframe html

VISIT link 
And
your extra information