第三篇
HTML教學
第二節
文字與顏色
標題 (Header) 標籤
<
H
n
>
標題字形大小
<
/
H
n
>
請注意:
H
n
這個
n
這只是教學上使用代號
請看下面代號表示說明
後面教學都是一樣,千萬不要照套喔
H
原文為
H
eader
意思就是標題、題目、頁首文字
標籤語法
產生效果
語 法 說 明
<
H
n
>
Text
<
/
H
n
>
顯示
粗體
及跳列
在此標籤之內所被包覆的文字,都會自動顯示
粗體
及跳列,屬性值
n
=1∼6 數字,表示由大∼小。
範例(一)
HTML標籤
:
<
H
1
>
標題字形大小
<
/
H
1
>
顯示結果
:
標題字形大小
範例(二)
HTML標籤
:
<
H
2
>
標題字形大小
<
/
H
2
>
顯示結果
:
標題字形大小
範例(三)
HTML標籤
:
<
H
3
>
標題字形大小
<
/
H
3
>
顯示結果
:
標題字形大小
範例(四)
HTML標籤
:
<
H
4
>
標題字形大小
<
/
H
4
>
顯示結果
:
標題字形大小
範例(五)
HTML標籤
:
<
H
5
>
標題字形大小
<
/
H
5
>
顯示結果
:
標題字形大小
範例(六)
HTML標籤
:
<
H
6
>
標題字形大小
<
/
H
6
>
顯示結果
:
標題字形大小
標題標籤屬性
<
H
n
Align
="
Left
"|"
Center
"|"
Right
"
>
Align
意思是將...排成直線或一列
這裡是指將其置左、置中、置右
請注意:
此處雖然沒有設標籤屬性,但 Align 內定值為置左顯示。
請注意:
您不能自創標籤。
HTML標籤
顯示結果
<
H
4
>標題靠左</
H
4
>
標題靠左
<
H
4
Align
="
left
">標題靠左</
H
4
>
標題靠左
<
H
4
Align
="
center
">標題置中</
H
4
>
標題置中
<
H
4
Align
="
right
">標題靠右</
H
4
>
標題靠右
注意事項
:
<H
n
>
標題字形
</H
n
>
此處的 "
n
" 不可省略; "
n
" 值也不可小於 "
1
" 或大於 "
6
"。
<H4
Align
="
left
">
雖然 "
Left
" 是
Align
的預設值,但在置中標籤包覆情況下,還是有其必要。
非 W3C 標準的
HTML
標籤或瀏覽器專用標籤,都不具有任何功能,您能自創標籤。
例如:
<H
n
>
字形
</H
n
>
沒有
Color
="
#RGB
"屬性,就不能使用
<Hn
Color
="
#RGB
">
字形
</H
n
>
。
其實
<H
n
>
標籤,也可以使用後面您會學到的其他標籤取代,所以學習一定要瞭解標籤用法與位置。
這個屬性
Align
="
Left
"|"
Center
"|"
Right
" 為教學方便,我使用【|】中間線將此 3 個值分開
這是表是
Align
它有 3 個屬性值可以選用,但同時您只能使用一個喔。
屬性
Align
="
L
"|"
C
|"
R
" 我也會使用這樣代號,它不難後面也會經常用到,建議您將它熟記下來。
<Font
Size
="
Number
>
字體大小
</Font>
與
<H
n
>
標題字形
</H
n
>
之比較
語 法 說 明
<Font>
的結束標籤
</Font>
,與標題字形大小的結束標籤
<
/H
n
>
不太一樣,
</Font>
不用再加屬性"
N
"值。
這兩者的大小表示數字剛好相反,而且也不太一樣 (如下比較)。
<H
n
>
字體大小
</H
n
>
"
n
"由 1∼6;
<
H
1
>
為最大字,
<
H
6
>
為最小字。
<Font
Size
="
Number
>
字體大小
</Font>
"
Number
"由 1∼7;數字愈大字也愈大,內定值 "
Number
"=3。
這兩者的用途與屬性也完全不一樣 (如下比較)。
<H
n
>
字體大小
</H
n
>
,用於標題字,具有變粗體及自動換行效果,只有水平排列
Align
一個屬性。
<Font>
字體大小
</Font>
,用於一般文字,屬性有大小
Size
、顏色
Color
、字型
Face
三個屬性。