HTML教程：html水平線段
來源：懂視網
責編：小采
時間：2020-11-27 14:46:21
HTML教程：html水平線段
HTML教程：html水平線段:這個標簽可以在屏幕上顯示一條水平線，用以分割頁面中的不同部分。 <HR>有三個屬性： size 水平線的寬度 width 水平線的長，用占屏幕寬度的百分比或象素值來表示 align 水平線的對齊方式，有LEFT RIGHT CENTER三種 noshade 線段無
導讀HTML教程：html水平線段:這個標簽可以在屏幕上顯示一條水平線，用以分割頁面中的不同部分。 <HR>有三個屬性： size 水平線的寬度 width 水平線的長，用占屏幕寬度的百分比或象素值來表示 align 水平線的對齊方式，有LEFT RIGHT CENTER三種 noshade 線段無
這個標簽可以在屏幕上顯示一條水平線，用以分割頁面中的不同部分。
<HR>有三個屬性：
size 水平線的寬度
width 水平線的長，用占屏幕寬度的百分比或象素值來表示
align 水平線的對齊方式，有LEFT RIGHT CENTER三種
noshade 線段無陰影屬性，為實心線段
我們可以用幾個例子來說明這線段的用法：
線段粗細的設定
<HTML>
<HEAD>
<TITLE>線段粗細的設定</TITLE>
</HEAD>
<BODY>
<P>這是第一條線段，無size設定，取內定值SIZE=1來顯示<BR>
<HR />
<P>這是第二條線段，SIZE=5<BR>
<HR SIZE=5>
<P>這是第三條線段，SIZE=10<BR>
<HR SIZE=10>
</BODY>
</HTML>
線段長度的設定
<HTML>
<HEAD>
<TITLE>線段長度的設定</TITLE>
</HEAD>
<BODY>
<P>這是第一條線段，無WIDTH設定，取WIDTH內定值100%來顯示<BR>
<HR SIZE=3>
<P>這是第二條線段，WIDTH=50(點數方式)<BR>
<HR WIDTH=50 SIZE=5>
<P>這是第三條線段，WIDTH=50%(百分比方式)<BR>
<HR WIDTH=50% SIZE=7>
</BODY>
</HTML>
線段排列的設定
<HTML>
<HEAD>
<TITLE>線段排列的設定</TITLE>
</HEAD>
<BODY>
<P>這是第一條線段，無ALIGN設定，(取內定值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>
無陰影的設定
<HTML>
<HEAD>
<TITLE>無陰影的設定</TITLE>
</HEAD>
<BODY>
<P>這是第一條線段，無NOSHADE設定，取內定值陰影效果來顯示<BR>
<HR WIDTH=80% SIZE=5>
<P>這是第二條線段，有NOSHADE設定<BR>
<HR WIDTH=80% SIZE=7 ALIGN=LEFT NOSHADE>
</BODY>
</HTML>
最后一個水平線:
聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
HTML教程：html水平線段
HTML教程：html水平線段:這個標簽可以在屏幕上顯示一條水平線，用以分割頁面中的不同部分。 <HR>有三個屬性： size 水平線的寬度 width 水平線的長，用占屏幕寬度的百分比或象素值來表示 align 水平線的對齊方式，有LEFT RIGHT CENTER三種 noshade 線段無
