HTML教程：html水平線段

2024-08-26 00:10:31

字體：大中小

供稿：網(wǎng)友

這個(gè)標(biāo)簽可以在屏幕上顯示一條水平線，用以分割頁(yè)面中的不同部分。
<HR>有三個(gè)屬性：
　　　size　水平線的寬度
　　　width 水平線的長(zhǎng)，用占屏幕寬度的百分比或象素值來(lái)表示
　　　align 水平線的對(duì)齊方式，有LEFT RIGHT CENTER三種
　　　noshade 線段無(wú)陰影屬性，為實(shí)心線段
　　我們可以用幾個(gè)例子來(lái)說(shuō)明這線段的用法：

線段粗細(xì)的設(shè)定
<HTML>
<HEAD>
<TITLE>線段粗細(xì)的設(shè)定</TITLE>
</HEAD>
<BODY>
這是第一條線段，無(wú)size設(shè)定，取內(nèi)定值SIZE=1來(lái)顯示 
<HR />
這是第二條線段，SIZE=5 
<HR SIZE=5>
這是第三條線段，SIZE=10 
<HR SIZE=10>
</BODY>
</HTML>

線段長(zhǎng)度的設(shè)定
<HTML>
<HEAD>
<TITLE>線段長(zhǎng)度的設(shè)定</TITLE>
</HEAD>
<BODY>
這是第一條線段，無(wú)WIDTH設(shè)定，取WIDTH內(nèi)定值100%來(lái)顯示 
<HR SIZE=3>
這是第二條線段，WIDTH=50(點(diǎn)數(shù)方式) 
<HR WIDTH=50 SIZE=5>
這是第三條線段，WIDTH=50%(百分比方式) 
<HR WIDTH=50% SIZE=7>
</BODY>
</HTML>

線段排列的設(shè)定
<HTML>
<HEAD>
<TITLE>線段排列的設(shè)定</TITLE>
</HEAD>
<BODY>
這是第一條線段，無(wú)ALIGN設(shè)定，(取內(nèi)定值CENTER顯示) 
<HR WIDTH=50% SIZE=5>
這是第二條線段，向左對(duì)齊BR>
<HR WIDTH=60% SIZE=7 ALIGN=LEFT>
這是第三條線段，向右對(duì)齊 
<HR WIDTH=70% SIZE=2 ALIGN=RIGHT>
</BODY>
</HTML>

無(wú)陰影的設(shè)定
<HTML>
<HEAD>
<TITLE>無(wú)陰影的設(shè)定</TITLE>
</HEAD>
<BODY>
這是第一條線段，無(wú)NOSHADE設(shè)定，取內(nèi)定值陰影效果來(lái)顯示 
<HR WIDTH=80% SIZE=5>
這是第二條線段，有NOSHADE設(shè)定 
<HR WIDTH=80% SIZE=7 ALIGN=LEFT NOSHADE>
</BODY>
</HTML>
最后一個(gè)水平線:

上一篇：HTML表格標(biāo)記教程(14):表格的表頭

下一篇：XHTML入門(mén)學(xué)習(xí)教程:表格標(biāo)簽的應(yīng)用