文字技術


     
  喵 拉 喵 覺 得 文 字 是 一 個 網 站 的 主 體 , 所 以 就 從 這 個 部 份 開 始 介 紹 , 通 常 我 們 在 編 寫 中 文 網 頁 時 , 如 果 不 加 任 何 設 定 , 那 麼 文 字 應 該 是 12 pt 大 小 的 黑 色 新 細 明 體 , 這 也 就 是 文 字 的 預 設 屬 性 , 由 此 我 們 可 以 看 出 常 用 的 文 字 屬 性 有 三 種 , 分 別 是 字 型 、 顏 色 和 字 的 大 小 , 我 們 就 依 照 這 個 次 序 來 介 紹 文 字 技 術 。

以 上 三 個 屬 性 都 是 包 含 在 < font > 這 個 標 籤 之 內 的 , 也 就 是 在 使 用 時 , 必 須 將 這 些 屬 性 寫 成 < font 屬 性 > 文 字 內 容 < / font > , 接 下 來 就 介 紹 字 型 屬 性 的 設 定 。


FACE

face 就 是 用 來 設 定 字 型 用 的 , 使 用 法 就 像 是 < font face = " 細明體 " > 文 字 內 容 < / font > , 你 想 要 什 麼 用 什 麼 字 體 , 就 在 細 明 體 的 地 方 換 上 你 想 要 用 的 字 體 , 例 如 : < font face = " 少女文字W6 " > 文 字 內 容 < / font > , 但 是 要 是 瀏 覽 者 沒 有 安 裝 你 所 要 求 的 字 型 , 那 麼 瀏 覽 者 就 只 會 看 到 新 細 明 體 的 文 字 。

範 例 二


COLOR

如 果 要 設 定 文 字 顏 色 , 那 就 要 用 到 顏 色 屬 性 color ,例 如 : < font color = " #0000FF " > 文 字 內 容 < / font > , 其 中 的 #0000FF 就 是 藍 色 的 代 碼 , 在 這 裡 可 以 用 blue 代 替 , 但 是 遇 到 複 雜 的 顏 色 時 就 一 定 要 用 代 碼 來 表 示 了 , 下 面 列 出 基 本 的 代 碼 , 網 友 們 可 以 參 考 著 用 , 至 於 其 他 複 雜 的 , 喵 拉 喵 也 不 知 道 。

黑色 #000000
白色 #FFFFFF
綠色 #008000
褐色 #800000
橄欖色 #808000
深藍色 #000080
紫色 #800080
灰色 #808080
黃色 #FFFF00
青色 #00FF00
淺藍色 #00FFFF
桃紅色 #FF00FF
銀色 #C0C0C0
紅色 #FF0000
藍色 #0000FF
藍綠色 #008080

範 例 三


SIZE

接 下 來 要 介 紹 的 是 文 字 大 小 屬 性 , 在 這 三 個 屬 性 中 , 這 個 是 最 最 麻 煩 的 , 因 為 它 的 表 示 方 法 至 少 有 三 種 , 建 議 使 用 者 先 學 會 其 中 一 種 , 之 後 再 去 看 看 其 他 兩 種 有 何 不 同 。

size 的 用 法 是 和 之 前 兩 種 屬 性 相 同 的 , 就 像 是 < font size = " 4 " > 文 字 內 容 < / size > , 其 中 數 字 的 地 方 可 以 填 上 1 ~ 7 , 1 是 最 小 的 , 7 則 是 最 大 的 , 這 樣 , 字 的 大 小 屬 性 輕 鬆 講 完 , 另 外 , 你 也 可 以 將 標 籤 中 的 屬 性 改 成 這 樣 < font size = " +1 " > 文 字 內 容 < / font > , +1 的 意 思 是 在 預 設 值 上 +1 , 預 設 值 為 3 , 加 上 1 之 後 就 變 成 4 , 所 以 我 們 可 以 得 知 +1 的 位 置 可 以 填 上 -2 ~ +4 的 數 字 。

最 後 , 還 有 一 種 表 示 方 式 是 直 接 用 標 籤 改 變 字 型 大 小 , 例 如 : < h4 > 文 字 內 容 < / h4 > , 特 別 注 意 這 種 用 法 只 有 六 個 大 小 ,而 且 而 且 預 設 字 體 為 細 明 體 ,大 小 順 序 剛 好 相 反 。 看 完 你 可 能 還 搞 不 清 楚 之 中 的 關 係 , 請 看 下 表 對 照 :

pt 方法一 方法二 方法三
8 <font size="1"> </font> <font size="-2"> </font> <h6> </h6>
10 <font size="2"> </font> <font size="-1"> </font> <h5> </h5>
12 <font size="3"> </font> <font size="+0"> </font> <h4> </h4>
14 <font size="4"> </font> <font size="+1"> </font> <h3> </h3>
18 <font size="5"> </font> <font size="+2"> </font> <h2> </h2>
24 <font size="6"> </font> <font size="+3"> </font> <h1> </h1>
36 <font size="7"> </font> <font size="+4"> </font> 沒 有

範 例 四

其 餘 文 字 相 關 功 能 , 由 於 為 數 不 少 , 但 是 使 用 簡 單 , 直 接 看 範 例 比 較 快 , 請 見 範 例 五 。

範 例 五

[回首頁][回目錄]

資料來源: 喵拉喵網頁製作教學網站, WEB製作百寶箱