<br /> 这个标签可以在屏幕上显示一条水平线，用以分割页面中的不同部分。<HR>有三个属性：<br /><br /> size 水平线的宽度<br /> width 水平线的长，用占屏幕宽度的百分比或象素值来表示<br /> align 水平线的对齐方式，有LEFT RIGHT CENTER三种<br /> noshade 线段无阴影属性，为实心线段 <br />
<P> 我们可以用几个例子来说明这线段的用法：<br /><br />
<HR width="100%"><br />
<br />
<P><IMG src="http://www.qqread.com/ArtImage/20061026/ow16247_1.gif" border="0" alt="HTML教程-水平线段" width="22" height="15" />
线段粗细的设定<br /><br /><HTML><br /><HEAD><br /><TITLE>线段粗细的设定</TITLE><br /></HEAD><br /><br /><BODY><br /><P>这是第一条线段，无size设定，取内定值SIZE=1来显示<BR><br /><HR><br /><P>这是第二条线段，SIZE=5<BR><br /><HR SIZE=5><br /><P>这是第三条线段，SIZE=10<BR><br /><HR SIZE=10><br /></BODY><br /><br /></HTML><br /></P><br />
<br />
<P><br />
<FORM><INPUT type=button value=显示结果 name=Button1 onclick="window.open('6_1.htm','mywork1','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes,copyhistory=yes,width=300,height=200')"></FORM></P><br />
<P><br />
<HR width="100%"><br />
<br />
<P> </P><br />
<br />
<H3><IMG src="http://www.qqread.com/ArtImage/20061026/ow16247_1.gif" border="0" alt="HTML教程-水平线段" width="22" height="15" />线段长度的设定</H3><br />
<P><HTML><br /><HEAD><br /><TITLE>线段长度的设定</TITLE><br /></HEAD><br /><br /><BODY><br /><P>这是第一条线段，无WIDTH设定，取WIDTH内定值100%来显示<BR><br /><HR SIZE=3><br /><P>这是第二条线段，WIDTH=50(点数方式)<BR><br /><HR WIDTH=50 SIZE=5><br /><P>这是第三条线段，WIDTH=50%(百分比方式)<BR><br /><HR WIDTH=50% SIZE=7><br /></BODY><br /><br /></HTML><br /><br /></P><br />
<P><br />
<FORM><INPUT type=button value=显示结果 name=Button1 onclick="window.open('6_2.htm','mywork1','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes,copyhistory=yes,width=300,height=200')"></FORM></P><br />
<P><br />
<HR width="100%"><br />
<br />
<P> </P><br />
<br />
<P><IMG src="http://www.qqread.com/ArtImage/20061026/ow16247_1.gif" border="0" alt="HTML教程-水平线段" width="22" height="15" />线段排列的设定<br /><br /><HTML><br /><HEAD><br /><TITLE>线段排列的设定</TITLE><br /></HEAD><br /><br /><BODY><br /><P>这是第一条线段，无ALIGN设定，(取内定值CENTER显示)<BR><br /><HR WIDTH=50% SIZE=5><br /><P>这是第二条线段，向左对齐BR><br /><HR WIDTH=60% SIZE=7 ALIGN=LEFT><br /><P>这是第三条线段，向右对齐<BR><br /><HR WIDTH=70% SIZE=2 ALIGN=RIGHT><br /></BODY><br /><br /></HTML></P><br />
<P><br />
<FORM><INPUT type=button value=显示结果 name=Button1 onclick="window.open('6_3.htm','mywork1','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes,copyhistory=yes,width=300,height=200')"></FORM></P><br />
<P><br />
<HR width="100%"><br />
<br />
<P><br /><IMG src="http://www.qqread.com/ArtImage/20061026/ow16247_1.gif" border="0" alt="HTML教程-水平线段" width="22" height="15" />无阴影的设定<br /><br /><HTML><br /><HEAD><br /><TITLE>无阴影的设定</TITLE><br /></HEAD><br /><br /><BODY><br /><P>这是第一条线段，无NOSHADE设定，取内定值阴影<a class="link_keyword" href="http://www.qqread.com/key/words/photoshop6.html" target="_blank">效果</a>来显示<BR><br /><HR WIDTH=80% SIZE=5><br /><P>这是第二条线段，有NOSHADE设定<BR><br /><HR WIDTH=80% SIZE=7 ALIGN=LEFT NOSHADE><br /></BODY><br /><br /></HTML><br /></P><br />
<br />
<P><br />
<FORM><INPUT type=button value=显示结果 name=Button1 onclick="window.open('6_4.htm','mywork1','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes,copyhistory=yes,width=300,height=200')"></FORM></P><Q1O3I8N6X7><Q1O3I8N6X7><Q1O3I8N6X7>
</div>
</div>
