第三篇
HTML教學
第三節
網頁排版
水平分隔線 HR 標籤
<
HR
Align
="
Left
"|"
Center
"|"
Right
"
Width
="
Pixel
"|"
％
"
Size
="
Pixel
"
Color
="
Color Name
"|"
#RGB
"
Noshade
>
標籤語法
產生效果
語 法 說 明
<
HR
>
強迫上下分隔
在這個標籤後的文(元)件內容，會被強迫上下水平分隔處理，內定置中、自動段列，寬度預設值為 100% ，屬性可單獨或多組合併使用，不須結束標籤，大都用來分開文章或元件段落使用。
範例(一)
HTML標籤
強迫上下分隔
<
HR
>
強迫上下分隔
顯示結果
強迫上下分隔
強迫上下分隔
請注意：
Pixel | ％、#RGB | Color Name ...
這都只是教學上使用的代稱
請看下面或前課程教學說明
千萬不要照套喔
HR
原文為
H
orizontal
R
ule
這個標籤也可以單獨使用，不需加任何屬性功能。
它的預設值是：位置置中、厚度 1 Pixel、長度貼滿、黑色顏色、自動段列。
範例(二)
HTML標籤
強迫上下分隔1
<
Hr
Align
="
Left
"|"
Center
"|"
Right
"
>
強迫上下分隔2
顯示結果
強迫上下分隔1
強迫上下分隔2
水平排列方式，此屬性
Align
用法與前面段落
<
P
>
標籤一樣，此處的
<
Hr
>
因未設定寬度，故以預設值貼滿畫面。
範例(三)
HTML標籤
<
Hr
Width
="
Pixel
"|"
％
"
>
屬性說明
屬性的絕對值與相對值
絕對值
在這裡指的是 Pixel
(像數)
，他的值
(Pixel)
不會隨瀏覽器縮放而改變的。
相對值
在這裡指的是 ％
(百分比)
，他的值
(％)
會隨瀏覽器縮放而跟隨改變。
顯示結果
範例(四)
HTML標籤
<
Hr
Size
="
Pixel
"
>
指分隔線寬(厚)度，其屬性值的原則上只能使用
Pixel
絕相對值，厚度值為 "
2
" 以上時，會有陰影效果。
顯示結果
範例(五)
HTML標籤
<
Hr
Color
="
Color
"|"
#RGB
"
>
屬性說明
屬性的 "
Color
"|"
#RGB
" 值，與
第二節：文字與顏色
Font
標籤相同
。
顯示結果
範例(六)
HTML標籤
<
Hr
Noshade
>
屬性說明
Noshade
為獨立屬性，沒有屬性值，不用加雙引號，會以沒陰影(實心)效果顯示。
顯示結果
這五組屬性可各別或混合使用，沒有前後順序關係，您可以測試看看。
如果
<
Hr
>
放於
<
Table
>
標籤內時，這裡的
Width
="
％
" 就是指在
<
Table
>
內的比率
。
習慣上，我們大部份都會使用長條形圖檔
，來取代
<
Hr
>
標籤，此時記的要於圖檔後，加
<
Br
>
標籤才能段行。
請注意：
屬性的絕對值與相對值，在後面我們會經常用到
請記住這個觀念與用法。
請注意：
Table 標籤在 C0307 會教，在此請先瞭解區別即可。
請注意：
網頁圖檔標籤在 C0305 會教，在此請先瞭解有此功能即可。
前面剛學過就忘記了嗎？
忘記者，建議回第二節：文字與顏色再複習一次
請按上方
返回首頁
，由首頁進入研習，繼續努力加油！
這個標籤也可以單獨使用，不需加任何屬性功能。
