Horizontal Lines on HTML

Horizontal Lines :
 Tag hr HTML Horizontal Line - Attributes and styles
• Horizontal lines are used to visually break-up sections of a document.
• The <hr> tag creates a line from the current position in the document to the
  right margin and breaks the line accordingly.
• <hr /> tag is also an example of the empty element, where you do not need
   opening and closing tags, as there is nothing to go in between them.
• The <hr /> element has a space between the characters hr and the forward slash. If you omit this
   space, older browsers will have trouble rendering the horizontal line, while if you miss the             forward slash character and just use <hr> it is not valid in XHTML.

Example :

<!DOCTYPE html>
<html>
<head>
<title>Horizontal Line Example</title>
</head>
<body>
<p>This is paragraph one and should be on top</p>
<hr />
<p>This is paragraph two and should be at bottom</p>
</body>
</html>

OUTPUT:

This is paragraph one and should be on top


This is paragraph two and should be at bottom

Comments

Post a Comment

Popular posts from this blog

Set Font Colour

Set Font Colour: • You can set font colour by using color attributes. • You can specify either hexadecimal colour code or colour name. Example: <!DOCTYPE html> <html> <head> <title>Font size</title> </head> <body> <font color="#FF00FF">This text is Pink</font><br/> <font color="yellow"> This text is Yellow</font><br/> </body> </html> OUTPUT: This text is Pink This text is Yellow
Read more

HTML FONTS

Image
HTML FONTS: • Fonts play an important role in making a website. • HTML <font> tag used toad style, size, & colour to the text on your website. • You can use a <basefont> tag to set all of your text to the same size, face, &colour. NOTES: The font & basefont tags are deprecated & it is supposed to be removed in a future version of HTML. So they should not use rather, it’s suggested to use CSS styles to manipulate your fonts. Set Font size: • You can set content font size using size attributes. • The accepted value is 1 to 7. • Default size is 3. • Here size 1 is smallest size & 7 is largest size. • You can also specify the size +n or -n. Example: <!DOCTYPE html> <html> <head> <title>Font size</title> </head> <body> <font size="-1">Font Size="-1"</font><br/> <font size="1">Font Size="1"</font><br/> <font size="2">Font Size=&
Read more

HTML Table Heading

Image
Table Heading: • It is used by using <th> tag. • Normally you will put your top row as table heading. Example : <!DOCTYPE html> <html> <head> <title>HTML Table</title> </head> <body> <table border=”1”> <tr> <th>Name</th> <th>Salary</th> </tr> <tr> <td>Raju</td> <td>5000</td> </tr> <tr> <td>Masuf</td> <td>4000</td> </tr> </table> </body> </html>   OUTPUT :
Read more