DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> HTML和Xhtml >> HTML教程:html水平線段
HTML教程:html水平線段
編輯:HTML和Xhtml     

這個標簽可以在屏幕上顯示一條水平線,用以分割頁面中的不同部分。
<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>
最後一個水平線:

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved