|
|
| 有 pre 標 籤 | 無 pre 標 籤 |
|---|---|
<html> <head> <title>有 pre 標籤</title> </head> <body> <pre> 學習 HTML 只要瞭解標籤、URL 剩下的就交給創意 </pre> </body> </html> |
<html> <head> <title>無 pre 標 籤</title> </head> <body> 學習 HTML 只要瞭解標籤、URL 剩下的就交給創意 </body> </html> |
| 看以上結果 | 看以上結果 |
| [說 明] 「只」 開 頭 那 列 前 有 一 空 白 字 元 (Space) 「剩」 開 頭 那 列 前 有 一 Tab 字 元 | |
|
發 現 了 嗎 ? 如 果 使 用 pre 標 籤 , WWW 顯 示 資 料 就 會 遵 循 過 去 文 書
編 輯 器 排 版 的 方 式 , 所 以 用 Tab 、 空 白 和 換 列 字 元 來 編 排
文 章 都 可 以 看 到 效 果 . 沒 用 pre 標 籤 , 上 面 三 個 字 元 全 都 無 效 ,
須 用 HTML 編 排 標 籤 . 雖 然 pre 標 籤 可 依 照 以 前 習 慣 的 方 式 來
寫 WWW 資 料 , 但
因 此 除 非 文 章 事 先 做 好 , 要 放 在 WWW 上 , 才 用 pre 標 籤 . 想 使 資 料 美 觀 、 自 動 排 列 , 還 是 用 HTML 編 排 標 籤 較 好 :
|
|
劃分段落 <p></p> 標 籤
|
|
只 要 把 段 落 文 字 放 在 <p></p> 中
|
|
另外,當想要和前段文字拉出段落時,也可以只用<p>單一標籤.
段落之間,一般會有一列的距離.
|
| 使用成對標籤 | 結果 | |
|---|---|---|
|
<html>
<head> <title>成對標籤<p></p></title> </head> <body> <p> 如 果 您 使 用 過 Word , 它 會 告 訴 你 Enter 鍵 不 再 是 換 列 功 能 , 而 是 分 段 功 能 </p> <p> 如 果 您 常 寫 HTML 檔 , 您 必 須 忽 略 換 列 字 元 的 存 在 . 而 用 編 排 標 籤 </p> </body> </html> |
||
| 使用單一標籤 | 結果 | |
|
<html>
<head> <title>單一標籤<p></title> </head> <body> 如 果 您 使 用 過 Word , 它 會 告 訴 你 Enter 鍵 不 再 是 換 列 功 能 , 而 是 分 段 功 能 <p> 如 果 您 常 寫 HTML 檔 , 您 必 須 忽 略 換 列 字 元 的 存 在 . 而 用 編 排 標 籤 </body> </html> |
||
|
強迫換列 <br>
|
|
當 想 使 文 字 從 下 一 列 開 始 , 但 不 想 像 段 落 之 間 有 距 離 . 就 用 <br>
|
| 結果 | |
|---|---|
|
<html>
<head> <title>強迫換列<br></title> </head> <body> 如 果 您 使 用 過 Word ,<br> 它 會 告 訴 你 Enter 鍵 不 再 是 換 列 功 能 , 而 是 分 段 功 能 <br> 如 果 您 常 寫 HTML 檔 ,<br> 您 必 須 忽 略 換 列 字 元 的 存 在 . 而 用 編 排 標 籤 </body> </html> |
|
顯示一條水平的分割線 <hr>
|
|
用 一 條 水 平 分 割 線 可 把 內 容 明 顯 的 分 成 兩 個 段 落
|
| 結果 | |
|---|---|
|
<html>
<head> <title>顯示一條水平的分割線 <hr></title> </head> <body> 如 果 您 使 用 過 Word , 它 會 告 訴 你 Enter 鍵 不 再 是 換 列 功 能 , 而 是 分 段 功 能 <hr> 如 果 您 常 寫 HTML 檔 , 您 必 須 忽 略 換 列 字 元 的 存 在 . 而 用 編 排 標 籤 </body> </html> |
|
有 一 點 是 寫 做 中 文 HTML 檔 必 須 注 意 : 目 前 使 用 者 所 用 的 瀏 覽 器
, 如 果 要 自 動 換 列 的 話 , 是 依 照 空 白 字 元 做 為 換 列 的 依 據 . 因
為 英 文 每 個 字 之 間 都 有 空 白 . 要 使 中 文 也 能 自 動 排 列 , 就 需 要
在 字 與 字 之 間 加 個 空 白 字 元 . 詳 細 內 容 可 參 考 「網 際 工 作 室
版 的 WWW 問 答 集」 |