文字設定

§ 文字的設定

在網頁中要指定文字的大小，有二種方式：

一種是利用 <Hn> 的方式。
一種是利用 的方式。

§ <Hn>....</Hn>

標題文字的大小設定。
字型自動設為粗、黑體。
自動在標題文字下方空一行。
n 的值可以是 1 ~ 6 (n 愈小，標題文字愈大)。
語法：

<h1>文字標題</h1>

＊範例

§ ....

將文字設定為粗體(blod)。
語法：

粗體文字

＊範例

§ ....

將文字設定為斜體(italic)。
語法：

斜體文字

＊範例

§ ....

將文字加上底線 (underline)。
語法：

底線文字

＊範例

＊ Tips：

可以同時設定粗體、斜體、底線。

§ <strike>....</strike>

將文字加上一條刪除線。
可以簡寫為<s>....</s>
語法：

<strike>加上刪除線的文字</strike>

＊範例

§ <blink>....</blink>

可以讓文字閃爍。
在IE中沒有效果，看到的仍是靜態的文字。只有在 Netscape 中才能看得出效果。
語法：

<blink>閃爍文字</blink>

＊範例

§ ....

可以產生下標的文字。
語法：

一般文字下標文字

＊範例

§ ....

可以產生上標的文字。
語法：一般文字上標文字

＊範例

§ 其它文字效果標籤

標籤說明效果

<tt> 打字機字體 打字機文字ABCabc

 文字加強 asdfghjkl

<address> 顯示地址
台北市內湖區康樂街

<kbd> 鍵盤輸入 表示鍵盤輸入的文字

<def> 定義文字這是定義文字

 強調 這是強調文字

<code> 程式碼abcdef 用來顯示程式碼abc

<var> 程式變數 varible

<cite> 引言文字這是引言文字

<abbrev> 指出縮寫字 X'mas

§ ....

語法：

文字

這個標籤單獨存在是沒有意義的。必需配合後面的屬性來變化。
size 可以設定文字的大小( n 的值可以是 1 ~ 7 ，值愈大，字愈大)
size 的值預設是 3 。
color 可以設定文字的顏色。(可以是 RGB 值，也可以是"顏色的英文名稱")
若沒指定color ，則文字顏色是以<body text="rrggbb">中的設定為準。
face 屬性可以改變文字的字型，可以同時指定多種字型，中間以逗號作分隔。
語法：

＊範例

＊ Tips：

<body text="顏色名稱">裏是設定網頁文字顏色的預設值。
則是改變這個預設值用的。有較高的優先權，若某部分設定了 將忽略 text 的設定，而改用這裏的設定。
不一定要以段落為單位。因此，「結束標籤」的位置不要忘了宣告，否則，從 以後的文字均會受影響。

＊ Tips：

這裏所指定的字型要使用者電腦有安裝此種字才能正常顯示。因此，在網頁中指定一堆特殊的字型是沒有意義的。
如果，使用者的電腦沒有安裝此字型，會以預設的字型出現。
若一定要使用特殊的字型，最好的方式就是利用影像處理將它作成圖片(.gif 或.jpg檔)，再用圖片的方法將它加入。既然是圖片，當然能完全顯示，而不用管使用者是否有安裝此種字型了。但，此法只適用於少量的文字，以免影響網頁的傳輸速度。
中文字的預設字型是"細明體"。
在瀏覽文件時，中文字的編碼要用big5(繁體中文)，I E 中請選檢視/編碼/繁體中文來設定。如果，您在瀏覽中文網頁時看到一堆亂碼，就到這裏來設定。

§ ....

放在....中乃是以這裏所設定的字大小為基準，把字縮小1個字級。(即相對的縮小)。
可以同時加上多個，來設定欲縮小幾個字級。
語法：

這裏有很多文字，可是在這裏的字縮小了一級這裏又恢復了

＊範例

§ <big>....</big>

放在....中乃是以這裏所設定的字大小為基準，把字放大1個字級。(即相對的放大)。
可以同時加上多個<big>，來設定欲放大幾個字級。
語法：

這裏有很多文字，可是<big>在這裏的字放大了一級</big>這裏又恢復了

＊範例

§

利用+ (加號)、- (減號)也可以改變字型的大小。
+1 就是把字加大 1 級，- 1 就是把字減小 1 級，+ 2 就是把字加大 2 級，....依此類推。
所謂「+」、「-」乃相對於前文的文字大小而言。
字型的大小還是限制在 1 ~ 7 級字中，無法無限的變大或變小。

§ <basefont> 標籤

在<body>指令後加入<basefont>標籤，可以設定文字內定值大小、顏色、字體等。
定義完它後，除非特別另外指定，否則文字所出現的就是這副模樣。
瀏覽器會以<basefont size>中字體的設定大小作為基準，你只要使用或即可將字體變大或變小。
此標籤沒有結束標籤。
語法：

<basefont size="6" color="#ff0000" face="標楷體">

＊範例

§ 特殊字元

有一些特殊字元符號，想要呈現在網頁上是沒有辦法直接打的。必須輸入編碼才得以呈現出來。
因為這些特殊字的表示方法，因此在網頁中不要直接拖曳/複製程式碼，否則會造成無法正常執行。
瀏覽器在顯示時，會忽略多餘的空白，也就是不管您在原始檔中按了多少次空白鍵，顯示時只會保留一個。因此，您可以自行加入多個   來加入多個空白。
您可以用「全形空白」來排版。半形空白會被忽略，可是全形空白卻會保留下來。

常用的一些特殊符號如下：

原始編碼	呈現結果
	(空白)
"	"
<	<
>	>
&	&
©	©
®	®

標籤	說明	效果
<tt>	打字機字體	`打字機文字ABCabc`
<strong>	文字加強	asdfghjkl
<address>	顯示地址	台北市內湖區康樂街
<kbd>	鍵盤輸入	`表示鍵盤輸入的文字`
<def>	定義文字	這是定義文字
<em>	強調	這是強調文字
<code>	程式碼abcdef	`用來顯示程式碼abc`
<var>	程式變數	`varible`
<cite>	引言文字	這是引言文字
<abbrev>	指出縮寫字	X'mas