HTML HORIZONTAL LINE
HTML horizontal line are use to separate page content.To create horizontal line use <hr> tag that is self close tag are used .It means <hr> has no closing tag
In HTML5, the <hr> tag defines a thematic break.
In HTML 4.01, the <hr> tag represents a horizontal rule.However, the <hr> tag may still be displayed as a horizontal rule in visual browsers, but is now defined in semantic terms, rather than presentational terms.
Attribute Of Horizontal Line
align left center right Specifies the alignment of a <hr> element
noshade noshade Specifies that a <hr> element should render in one solid color (noshaded), instead of a shaded color
color: Specifies the color of a <hr> element
size pixels Specifies the height of a <hr> element
width pixels Specifies the width of a <hr> elemen
Height pixels Specifies the height of a <hr> elemen
Example
<html>
<head>
<title>HR</title>
</head>
<body>
<hr width="300" height="100" color="red" />
</body>
</html>
How To Set Alignment
<html>
<head>
<title>HR</title>
</head>
<body>
<hr width="300" height="100" color="red" align="center" />
</body>
</html>
How To Make Animated Line
<html>
<head>
<title>HR</title>
</head>
<body>
<marquee direction="left" scrollamount="15"><hr width="300" height="100" color="red" /></marquee>
</body>
</html>
Example
Out of Code
HTML Code Below:
<html>
<head>
<title>HR</title>
</head>
<body>
<h1 align="center">Horizontal Line</h1>
<hr width="400" height="200" color="red" />
<hr width="500" height="300" color="green" />
<hr width="600" height="400" color="blue" />
</body>
</html>
0 Comments