HTML教程:tml水平線段

字號:


    這個標簽可以在屏幕上顯示一條水平線,用以分割頁面中的不同部分。
    <HR>有三個屬性:
    size 水平線的寬度
    width 水平線的長,用占屏幕寬度的百分比或象素值來表示
    align 水平線的對齊方式,有LEFT RIGHT CENTER三種
    noshade 線段無陰影屬性,為實心線段
    我們可以用幾個例子來說明這線段的用法:
    線段粗細的設(shè)定
    <HTML>
    <HEAD>
    <TITLE>線段粗細的設(shè)定</TITLE>
    </HEAD>
    <BODY>
    <P>這是第一條線段,無size設(shè)定,取內(nèi)定值SIZE=1來顯示<BR>
    <HR />
    <P>這是第二條線段,SIZE=5<BR>
    <HR SIZE=5>
    <P>這是第三條線段,SIZE=10<BR>
    <HR SIZE=10>
    </BODY>
    </HTML>
    線段長度的設(shè)定
    <HTML>
    <HEAD>
    <TITLE>線段長度的設(shè)定</TITLE>
    </HEAD>
    <BODY>
    <P>這是第一條線段,無WIDTH設(shè)定,取WIDTH內(nèi)定值100%來顯示<BR>
    <HR SIZE=3>
    <P>這是第二條線段,WIDTH=50(點數(shù)方式)<BR>
    <HR WIDTH=50 SIZE=5>
    <P>這是第三條線段,WIDTH=50%(百分比方式)<BR>
    <HR WIDTH=50% SIZE=7>
    </BODY>
    </HTML>
    線段排列的設(shè)定
    <HTML>
    <HEAD>
    <TITLE>線段排列的設(shè)定</TITLE>
    </HEAD>
    <BODY>
    <P>這是第一條線段,無ALIGN設(shè)定,(取內(nèi)定值CENTER顯示)<BR>
    <HR WIDTH=50% SIZE=5>
    <P>這是第二條線段,向左對齊BR>
    <HR WIDTH=60% SIZE=7 ALIGN=LEFT>
    <P>這是第三條線段,向右對齊<BR>
    <HR WIDTH=70% SIZE=2 ALIGN=RIGHT>
    </BODY>
    </HTML>
    無陰影的設(shè)定
    <HTML>
    <HEAD>
    <TITLE>無陰影的設(shè)定</TITLE>
    </HEAD>
    <BODY>
    <P>這是第一條線段,無NOSHADE設(shè)定,取內(nèi)定值陰影效果來顯示<BR>
    <HR WIDTH=80% SIZE=5>
    <P>這是第二條線段,有NOSHADE設(shè)定<BR>
    <HR WIDTH=80% SIZE=7 ALIGN=LEFT NOSHADE>
    </BODY>
    </HTML>