This tab can display a horizontal line on the screen to split different parts of the page.
<HR> has three attributes:
size The width of the horizontal line
width The length of the horizontal line is expressed as a percentage of the screen width or pixel value
Align the alignment of horizontal lines, there are three types: LEFT RIGHT CENTER
noshade segment has no shadow attribute, it is a solid segment
We can use a few examples to illustrate the usage of this line segment:
Setting of line segment thickness
<HTML>
<HEAD>
<TITLE>Segment of segment thickness</TITLE>
</HEAD>
<BODY>
<P>This is the first line segment, without size setting, take the internal fixed value SIZE=1 to display <BR>
<HR />
<P>This is the second line segment, SIZE=5<BR>
<HR SIZE=5>
<P>This is the third line segment, SIZE=10<BR>
<HR SIZE=10>
</BODY>
</HTML>
Setting of line segment length
<HTML>
<HEAD>
<TITLE>Segment of segment length</TITLE>
</HEAD>
<BODY>
<P>This is the first line segment, without WIDTH setting, take the WIDTH internal fixed value 100% to display <BR>
<HR SIZE=3>
<P>This is the second line segment, WIDTH=50 (point number method)<BR>
<HR WIDTH=50 SIZE=5>
<P>This is the third line segment, WIDTH=50% (percentage method)<BR>
<HR WIDTH=50% SIZE=7>
</BODY>
</HTML>
Setting of line segment arrangement
<HTML>
<HEAD>
<TITLE>Segment settings for segment arrangement</TITLE>
</HEAD>
<BODY>
<P>This is the first line segment, without ALIGN setting, (take the internal fixed value CENTER display)<BR>
<HR WIDTH=50% SIZE=5>
<P>This is the second line segment, aligned to the left BR>
<HR WIDTH=60% SIZE=7 ALIGN=LEFT>
<P>This is the third line segment, aligned to the right<BR>
<HR WIDTH=70% SIZE=2 ALIGN=RIGHT>
</BODY>
</HTML>
Shadowless setting
<HTML>
<HEAD>
<TITLE>Setting without shadows</TITLE>
</HEAD>
<BODY>
<P>This is the first line segment, without NOSHADE settings, take the internal fixed value shadow effect to display <BR>
<HR WIDTH=80% SIZE=5>
<P>This is the second line segment, with NOSHADE settings<BR>
<HR WIDTH=80% SIZE=7 ALIGN=LEFT NOSHADE>
</BODY>
</HTML>
The last horizontal line: