第三篇
HTML教學
網頁研習室 第二節
文字與顏色
 
標題 (Header) 標籤
<Hn>標題字形大小</Hn>
請注意:
Hn 這個 n 這只是教學上使用代號
請看下面代號表示說明
後面教學都是一樣,千萬不要照套喔
H 原文為 Header
意思就是標題、題目、頁首文字
標籤語法 產生效果 語   法   說   明
<Hn>Text</Hn>
顯示粗體及跳列
在此標籤之內所被包覆的文字,都會自動顯示粗體及跳列,屬性值 n=1∼6 數字,表示由大∼小。
範例(一) HTML標籤 <H1>標題字形大小</H1>
顯示結果

標題字形大小

範例(二) HTML標籤 <H2>標題字形大小</H2>
顯示結果

標題字形大小

範例(三) HTML標籤 <H3>標題字形大小</H3>
顯示結果

標題字形大小

範例(四) HTML標籤 <H4>標題字形大小</H4>
顯示結果

標題字形大小

範例(五) HTML標籤 <H5>標題字形大小</H5>
顯示結果
標題字形大小
範例(六) HTML標籤 <H6>標題字形大小</H6>
顯示結果
標題字形大小

標題標籤屬性
<Hn Align="Left"|"Center"|"Right">
Align
意思是將...排成直線或一列
這裡是指將其置左、置中、置右
請注意:
此處雖然沒有設標籤屬性,但 Align 內定值為置左顯示。
請注意: 您不能自創標籤。
HTML標籤 顯示結果
<H4>標題靠左</H4>

標題靠左

<H4 Align="left">標題靠左</H4>

標題靠左

<H4 Align="center">標題置中</H4>

標題置中

<H4 Align="right">標題靠右</H4>

標題靠右

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