文字設定

約瑟 發表



文字可以說是文件主體的主角。在 HTML 語法裡面有許多文字標籤的設定, 包括: 文字大小、文字標題、文字顏色、文字變化、文字字型和最後一項 "特殊字元"。 此單元我將以列表的方式來幫助大家看清楚然後了解文字的設定。Let's Go!

文字可以說是文件主體的主角。在 HTML 語法裡面有許多文字標籤的設定, 包括: 文字大小、文字標題、文字顏色、文字變化、文字字型和最後一項 "特殊字元"。
此單元我將以列表的方式來幫助大家看清楚然後了解文字的設定。Let's Go!

STEP1:【文字標題】
  1. 我們只要把以下的標籤框住文字內容就可以了。如: <H1>我是標題</H1>。
  2. 文字標題有六個層次。他們分別為: <H1>、<H2>、<H3>、<H4>、<H5>、<H6>。
    怎麼樣, 很好記吧! 數字 1 是最大的, 6 是最小的。
程式碼
結果
<H1>我是標題#1</H1>

我是標題#1

<H2>我是標題#2</H2>

我是標題#2

<H3>我是標題#3</H3>

我是標題#3

<H4>我是標題#4</H4>

我是標題#4

<H5>我是標題#5</H5>
我是標題#5
<H6>我是標題#6</H6>
我是標題#6

STEP2:【文字大小】
  1. 只要把 <FONT SIZE=數字> 這個標籤包住文字內容就可以了。如: <FONT SIZE=3>文字大小</FONT>。
  2. 文字大小的層次有七層, 一樣也是從數字 1 ~ 7。 不過這次是數字越大文字越大。

程式碼
結果
<FONT SIZE=1>文字一</FONT> 文字一
<FONT SIZE=2>文字二</FONT> 文字二
<FONT SIZE=3>文字三</FONT> 文字三
<FONT SIZE=4>文字四</FONT> 文字四
<FONT SIZE=5>文字五</FONT> 文字五
<FONT SIZE=6>文字六</FONT> 文字六
<FONT SIZE=7>文字七</FONT> 文字七


STEP3:【文字顏色】
  1. 放的位置和長相跟大小有點相似。如: <FONT COLOR=red>紅色</FONT>
  2. 填在 COLOR 後面的可以是因文字裡面的顏色, 也可以是顏色的原始碼。在以下列表中, 我還是以英文字的 顏色來幫助大家較容易熟記。下面幾個單元會有顏色程式碼的對照表。

程式碼
結果
<FONT COLOR=red>紅色</FONT> 紅色
<FONT COLOR=orange>橘色</FONT> 橘色
<FONT COLOR=yellow>黃色</FONT> 黃色
<FONT COLOR=green>綠色</FONT> 綠色
<FONT COLOR=blue>藍色</FONT> 藍色
<FONT COLOR=purple>紫色</FONT> 紫色
<FONT COLOR=black>黑色</FONT> 黑色

STEP4:【文字變化】
  1. 這個部分有許多標籤, 我在此就舉幾個常用的變化。如: <u>底線</u>。

程式碼
結果
<u>底線</u> 底線
<strike>橫線</strike> 橫線
<i>斜體</i> 斜體
<b>粗體</b> 粗體
<sup>上標</sup> 上標
<sub>下標</sub> 下標
<strong>加強(粗體)</strong> 加強(粗體)
<em>加強(斜體)</em> 加強(斜體)
<small>縮小一級</small> 縮小一級

STEP5:【文字字型】
  1. 網路上的字型有限制。你用的字型對方訪客也一定要有才讀的出來。

還有, 如果您的網頁中有加上這一行<meta http-equiv="content-type" content="text/html;charset=big5"> （指定網頁的語言格式）, netscape可以正確顯示出中文, 但英文無反應。若沒有加該行, 那麼英文會 正確顯示, 但中文卻仍是細明體。至於 IE , 均能正常顯示。

程式碼
結果
<FONT FACE="標楷體">標楷體</FONT> 標楷體
<FONT FACE="標楷體">標楷體</FONT> 標楷體
<FONT FACE="細明體">細明體</FONT> 細明體

STEP6:【特殊字元】
  1. 有些特殊的字元無法直接在網頁上顯示。這時後, 我們就要用一些特殊語法表示。

程式碼
結果
&nbsp; &nbsp; 效果是不斷行的空格。
&lt; <
&gt; >
&copy; © Copyright 的意思

最後更新日期: 6/24/2001 8:50:28 AM