第 1 章 ™ HTML 語 法 與 文 章 的 編 排

HTML 為 一 加 標 籤 式 的 語 法, 為 一 超 文 字 連 結 hypertext links (有 如 階 層 式, 更 像 網 狀) 的 圖, 文, 語 音 與 動 畫 並 茂 編 排 文 件 的 語 法, 類 似 TeX 指 令. 其 文 件 為 一 批 次 檔 型 的 文 件, 可 經 由 Browser 顯 示 其 編 排 的 結 果.

本 文 是 以 HTML 3.0 版 本 為 基 礎, 以 Internet Explorer 為 主 要 的 瀏 覽 器.

本 章 主 要 內 容 如 下 :

至第 2 章
回 HTML 主目錄


第 1.1 節 ™ HTML 語 法

一 個 HTML 標 籤 的 格 式 為 <TAG>, 或 為 <TAG> ... </TAG>. 其 中 標 籤 <TAG> 為 一 文 件 的 編 排 指 令, 必 須 有 小 於 "<" 及 大 於 ">" 的 符 號. 在 標 籤 中, TAG 的 大 小 寫 是 沒 有 區 別 的, 例 如 標 籤 <BR> 與 標 籤 <br> 都 是 相 同 的 指 令; 但 是 文 件 中 被 排 版 的 文 字, 大 小 寫 是 有 區 別 的.

以 下 文 中 所 提 到 的 控 制 指 令 與 標 籤 是 同 義 的.

HTML 控 制 文 件 展 現 的 方 式 可 分 為 兩 種 :

  1. 單 一 作 用 型 : 其 控 制 指 令 型 態 為 <tag>, 或 為 <tag par1=arg1 par2=arg2 ...>, 其 中 par1 為 一 參 數, arg1 為 一 引 數, 用 來 設 定 標 籤 <tag> 的 屬 性 par1.
    如 <BR> 為 一 跳 行 指 令, 又 如

    HTML 原始檔 執行結果
    第一行<BR>第二行<BR>第三行 第一行
    第二行
    第三行

  2. 成 對 區 域 控 制 型 : 其 控 制 指 令 型 態 為
    <tag>被 控 制 區 域</tag>.
    有 些 標 籤 亦 可 加 上 參 數 來 設 定 其 屬 性.
    如 <B>粗體字</B>, 其結果為 粗體字

一 個 HTML 文 件 的 格 式 為 :

<HTML>
   <HEAD>
     <TITLE>...</TITLE>
     ...
   </HEAD>
   <BODY>
    ...
   </BODY>
</HTML>

其 中 <HTML> ... </HTML> 是 標 明 該 文 件 一 個 HTML 檔.
在 <HEAD> 區 域 可 加 入 :

在 <BODY> 中 我 們 可 填 上 所 要 展 示 圖, 文, 與 語 音 並 茂 的 內 容. 在 下 面 的 章 節 中 , 將 介 紹 如 何 在 <BODY> 中 使 用 標 籤 來 控 制 檔 案 的 呈 現.

回本章主目錄


第 1.2 節 文 章 段 落 的 編 排

本 節 將 介 紹 單 一 作 用 型 標 籤 <BR>, <P>, <HR> 及 成 對 標 籤 <NOBR>, <CENTER>, <BLOCKQUOTE> 的 使 用 法. 還 有 與 標 籤 <NOBR> 有 關 的 標 籤 <WBR>.

WWW Browser 會 因 視 窗 window 的 大 小 自 動 跳 行 以 安 排 其 文 件 在 視 窗 中. 在 HTML 原 始 文 件 中 的 空 白 或 空 行, 一 個 與 多 個 的 作 用 都 是 一 樣 僅 呈 現 一 個 空 白. 其 跳 行 的 地 方 基 本 上 都 是 以 原 始 檔 的 空 白 處 來 做 調 整. 對 於 中 文 而 言, 字 與 字 之 間 要 加 上 空 白 實 在 是 一 件 煩 人 的 事, 如 果 不 想 要 加 空 白, 我 們 有 下 列 方 案 可 行 :

  1. 使 用 者 在 能 看 懂 中 文 碼 BIG-5 的 Nescape 瀏 覽 器 中 自 行 設 定 Option/Document Encoding/Big-5. 當 然, 這 也 要 由 使 用 者 自 行 決 定 要 不 要 設 定, HTML 檔 案 設 計 者 無 法 參 與 意 見.
  2. 設 計 HTML 檔 案 者 在 標 籤 <HEAD> 中 加 上 標 籤 <META HTTP-EQUIV="Content-Type" Content=text/html; charset=big5>, 當 然, 這 也 要 看 使 用 者 使 用 的 作 業 系 統 有 無 支 援 BIG-5, 及 是 否 使 用 新 版 的 瀏 覽 器.
我 們 可 以 用 標 籤 <BR>, <P>, <HR> 來 做 行 的 分 隔, 用 標 籤 <CENTER> 將 一 段 落 放 在 視 窗 中 央. 也 可 以 用 標 籤 <BLOCKQUOTE> 來 做 整 個 段 落 的 內 縮. 如 果 想 在 新 段 落 有 內 縮, 可 填 上 &#153 來 達 到 內 縮 的 效 果, 或 是 加 上 全 形 的 空 白, 不 過 加 上 全 形 的 空 白 會 產 生 原 始 檔 不 易 辨 識 出 全 形 或 半 行 空 白 的 問 題.

<BR> 標籤

標 籤 <BR> 可 做 分 行 用, 如 同 在 前 所 見 的 例 子, 我 們 在 此 題 另 一 個 例 子 如 下 :

HTML 原始檔 執行結果
wrap over<BR>here automatically. wrap over
here automatically.

<P> 標籤

標 籤 <P> 可 做 分 段 用, 其 與 <BR> 作 用 相 同, 都 會 跳 行, 但 會 多 出 一 空 白 行. 又 標 籤 <P> 有 附 加 屬 性 如 下 :

HTML 原始檔 執行結果
向左對齊<P ALIGN=CENTER>中間
<P ALIGN=LEFT>向左<P ALIGN=RIGHT>向右
向左對齊

中間

向左

向右

如 果 上 例 將 <P> 改 成 <BR>, 其 結 果 如 下 :

HTML 原始檔 執行結果
向左對齊<BR>中間
<BR>向左<BR>向右
向左對齊
中間
向左
向右

<HR> 標 籤

標 籤 <HR> 將 會 自 動 產 生 一 水 平 直 尺 (線), 其 含 參 數 align, width, 及 size. 說 明 如 下 :

例 :

HTML 原始檔 執行結果
將在此<HR>加一直線 將在此
加一直線

標 籤 <NOBR> 與 標 籤 <WBR>

標 籤 <NOBR> 與 標 籤 <BR> 的 作 用 正 好 相 反, 如 果 不 想 讓 瀏 覽 器 將 一 段 被 拆 成 兩 行,就 可 在 該 段 加 上 標 籤 <NOBR> 與 標 籤 </NOBR>. 我 們 也 可 以 在 該 段 某 處 加 上 標 籤 <WBR> 以 建 議 瀏 覽 器 在 該 處 分 行. 加 上 標 籤 <NOBR> 後, 可 別 忘 了 加 上 收 尾 標 籤 </NOBR>.

標 籤 <CENTER>

若 欲 將 一 標 題 放 在 視 窗 中 央, 我 們 可 使 用 標 籤 <CENTER> 來 達 到 目 的, 如 :

HTML 原始檔 執行結果
<CENTER>
<CENTER><H3>HTML 簡介</H3>
Ragget 著</CENTER>
<P>Dave Ragget 自 1992 參與 HTML-extension
的設計.</CENTER>

HTML 簡介

Ragget 著

Dave Ragget 自 1992 參與 HTML-extension 的設計.

標 籤 <BLOCKQUOTE>

加 上 標 籤 <BLOCKQUOTE>, 會 產 生 全 區 域 的 內 縮, 如 下 例 :

HTML 原始檔 執行結果
中國時報 86 年 6 月 25 日第 10 版報導
<blockquote> 日本 20 歲至 39 歲的單身貴族有 二分之一的人不吃早餐.<BR> 此調查係以住在東京圈的 20 歲至 65 歲的男女(學生除外)為對象, 調查發現 20 歲至 39 歲的單身貴族 "完全不吃早餐或偶而吃一下" 的男性 51.2 %, 女性占 47.5%. </blockquote>
中國時報 86 年 6 月 25 日第 10 版報導
日本 20 歲至 39 歲的單身貴族有 二分之一的人不吃早餐.
此調查係以住在東京圈的 20 歲至 65 歲的男女(學生除外)為對象, 調查發現 20 歲至 39 歲的單身貴族 "完全不吃早餐或偶而吃一下" 的男性 51.2 %, 女性占 47.5%.

回本章主目錄


第 1.3 節 文 字 的 控 制

本 節 將 介 紹 一 些 特 殊 字 元 及 成 對 區 域 控 制 型 標 籤 <PRE>, <TT>, <B>, <I>, <U>, <STRIKE>, <SUB>, <SUP>, <FONT>, <SMALL>, <BIG>, <BASEFONT>, <H1>,..., <H6> 及 其 它 的 使 用 法.

於 1.3.1 節 將 介 紹 一 些 特 殊 字 元.
於 1.3.2 節 將 介 紹 一 些 字 型 變 化 標 籤.
於 1.3.3 節 將 介 紹 一 些 字 體 大 小 變 化 標 籤.

第 1.3.1 節 特 殊 字 元

本 節 將 介 紹 一 些 脫 序 符 號 <, >, & 與 " 及 不 可 中 斷 空 白 &nbsp; 還 有 其 他 特 殊 字 元.

脫序符號 <, >, & 與 "

首先, 我們先要知道 HTML 的控制指另都有 < 與 > 這兩個符號, 我們暫且稱之為脫序符號, HTML 的脫序符號供有下列這 4 個 :
<, >, &".
欲將這 4 個符號展示出來, 就必須將 HTML 原始檔填入 : &lt;, &gt;, &amp;, 與 &quot;. 例如 :

HTML 原始檔 執行結果
跳行的指令為 :<BR>
&lt;BR&gt;
要顯示 &lt;BR&gt; 就要鍵入: <BR>
&amp;lt;BR&amp;gt;
跳行的指令為 :
<BR>
要顯示 <BR> 就要鍵入:
&lt;BR&gt;

不可中斷空白 &nbsp;

WWW Browser 是 以 原 始 檔 的 空 白 處 來 做 其 跳 行 的 地 方, 有 時 我 們 總 希 望 一 些 名 詞 中 的 字 不 會 被 拆 在 不 同 的 兩 行. 這 時 可 利 用 不可中斷空白 &nbsp; 來 達 到 目 的. 例 如 文 件 中 成&nbsp;功&nbsp;大&nbsp;學 這 4 個 字 成 功 大 學 就 可 以 保 證 在 同 一 行, 而 不 會 被 拆 在 不 同 的 兩 行 中. 事 實 上, 我 們 可 利 用 <NOBR> 來 達 到 同 樣 的 效 果, 例 如 <NOBR>成 功 大 學</NOBR>.
在 第 1.3.3 節 表 格 的 製 做 中, 我 們 也 會 談 到 &nbsp; 如 何 用 在 表 格 空 白 欄 位 的 設 定.

符號字元

一些特殊符號的表示可以用 &... 來表示, 如 :

表示法名稱符號
&copy;版權©
&reg;註冊商標®
&amtrade;商標

在符號 & 之後的分號 ";" 也可以說是一個脫序符號, 因瀏覽器會將 & 與 ; 及其間的字元 一同視為一個特殊符號. 而不會將之列印出來.

第 1.3.2 節 字 型 變 化 標 籤

本小節主要是在介紹基本字型 (Font Style) 標籤, 例如 <TT>, <B>, <I>, <U>, <STRIKE>, <SUB>, <SUP> 等, 以及, 欲使得瀏覽器所展示的與原稿的編排方式一樣, 所採用的標籤 <PRE>.

字型標籤

字型標籤約可分成下列幾種 :

保持原貌的標籤 <PRE>...</PRE>

欲保持原 HTML 檔案的編輯樣式, 可使用標籤 <PRE> 與 </PRE> 將該區圈圍起來, 碰到脫序符號, 則必須加以修改如上一個例子.

一個 HTML 文件的格式為

HTML 原始檔 執行結果
<PRE>
&lt;HTML&gt;
  &lt;TITLE&gt;
   My homepage
  &lt;/TITLE&gt;
 &lt;BODY&gt;
  This is the body.
 &lt;/BODY&gt;
&lt;/HTML&gt;
</PRE>

<HTML>
     <TITLE>
       My homepage
     </TITLE>
   <BODY>
     This is the body.
   </BODY>
</HTML>

第 1.3.3 節 字 體 大 小 變 化 標 籤

在瀏灠器上我們可以調整展示文字的大小, 因此, 在 HTML 檔中所標示的 字體大小變化標籤, 都是指相對性的變大變小. 控制字體大小的標籤有 <SMALL>, <BIG>, <FONT>, <BASEFONT> 等. 控制標題字體大小的標籤有 <H1>, <H2>, ... <H6>.

標籤 <SMALL> 顧名思義 是將字體變小, 標籤 <BIG> 是將字體變大.

標籤 <FONT SIZE=arg>, 其引數 arg 可為 1, 2, 3(預設值), 4, 5, 6, 或 7. 值愈大表字體愈大. 又該引數 arg 亦可設為 +1, +2, ..., 或為 -1, -2, ..., 即將原字體加大 1 號或 2 號等, 或將原字體變小 1 號或 2 號等.

我們可以用標籤 <BASEFONT SIZE=arg> 來預設字體大小, 之後再以 <FONT SIZE=+1> 等來改變字體大小.

對於標題字體大小控制, 有 6 種成對的設定標籤 <H1>, <H2>, <H3>, <H4>, <H5>, 及 <H6>. 其中數字愈大表示標題字體愈小, 同時在標題之後會自動跳行, 字體也會變回原來的.

例如:

HTML 原始檔 執行結果
default <SMALL>default</SMALL>
default <BIG>default</BIG> default
default default
default default default

HTML 原始檔 執行結果
字體大小 <FONT SIZE=3>字體大小
<FONT SIZE=4>字體大小
<FONT SIZE=-2>字體大小
<BASEFONT SIZE=5>字體大小
<FONT SIZE=+1>字體大小</FONT>
字體大小 字體大小
字體大小
字體大小
字體大小
字體大小

HTML 原始檔 執行結果
字體大小
<H1>字體大小</H1>
<H2>字體大小</H2>
<H3>字體大小</H3>
字體大小

字體大小


字體大小


字體大小


回本章主目錄
第 2 章
回 HTML 主目錄