簡易排版


     
  介 紹 完 文 字 與 圖 片 的 使 用 方 式 , 接 下 來 喵 拉 喵 就 要 為 各 位 介 紹 一 些 排 版 用 的 標 籤 。

P

首 先 為 各 位 介 紹 的 是 <p> </p> 這 組 標 籤 , <p> 代 表 一 個 段 落 的 開 始 , 在<p> 與 </p> 中 輸 入 段 落 中 的 文 字 , 而 </p> 則 代 表 此 段 落 結 束 。 要 注 意 的 是 段 落 與 段 落 之 間 會 自 動 空 一 行 。

如 果 要 使 段 落 中 的 文 字 往 某 個 方 向 對 齊 , 就 要 使 用 到 <p> 之 中 的 align 屬 性 , 使 用 方 法 如 下 :

 
<p align = left> 段 落 內 文 </p> 向左對齊
<p align = center> 段 落 內 文 </p> 置中對齊
<p align = right> 段 落 內 文 </p> 向右對齊
 

CENTER

如 果 只 要 置 中 對 齊 的 話 , 還 可 以 使 用 <center> 段 落 內 文 </center> 這 組 標 籤 來 達 成 。


BR

有 時 候 我 們 想 要 換 行 , 但 是 段 落 尚 未 結 束 , 這 時 就 可 以 借 用 <br> 這 個 標 籤 ( 注 意 : 這 個 標 籤 不 需 要 </br> 搭 配 ) ; 因 為 還 在 同 一 個 段 落 中 , 所 以 不 會 空 出 一 行 來 。

PRE

這 個 標 籤 可 以 說 是 格 式 化 標 籤 , 夾 在 <pre></pre> 中 間 的 文 字 會 按 照 您 排 版 的 樣 子 來 顯 示 , 也 就 是 說 , 瀏 覽 器 會 將 所 有 的 東 西 都 讀 取 進 來 , 像 是 空 行 、 換 行 , 就 連 空 格 也 不 例 外 。 您 可 以 先 用 小 作 家 將 內 容 排 版 , 再 利 用 這 個 標 籤 顯 現 結 果 。
另外,您也可以使用
&nbsp; 加 入 空 格 。

HR

用 來 加 入 橫 線 的 標 籤 , 非 常 好 用 的 東 西 , 跟 <br> 一 樣 屬 於 不 成 對 的 標 籤 。


OL

這 個 標 籤 有 點 複 雜 , 主 要 功 能 是 用 來 加 上 編 號 的 , 像 是 有 時 候 一 件 事 要 分 好 幾 個 項 目 說 明 , 就 會 列 出 第 一 點 、 第 二 點 . . . 的 樣 子 。

使 用 語 法 如 下 :

<ol type= 排 序 方 式   start=" 數 值 " > 內 文 </ol>

  type= 排 序 方 式 , 也 就 是 您 希 望 以 哪 種 符 號 來 排 序 , 可 使 用 的 有 :
A 以 A. B. C. 方 式 排 列
a 以 a. b. c. 方 式 排 列
I 以 I. II. III. 方 式 排 列
i 以 i. ii. iii. 方 式 排 列
1 ( 預 設 值 ) 以 1. 2. 3. 方 式 排 列
  start= 起 始 的 數 值 , 也 就 是 排 序 的 第 一 個 數 值 為 何 ? 未 指 定 時 以 第 一 個 為 起 始 值 。

UL

有 時 候 我 們 希 望 用 符 號 來 做 標 示 時 , 就 要 用 到 <ul></ul> 這 組 標 籤 。

使 用 語 法 如 下 :

<ul type= 符 號 種 類 > 內 文 </ul>

  < ul type= disc > 圓 點
  < ul type= circle > 空 心 圓 點
  < ul type= square > 方 形 點

LI

當 您 在 使 用 <ol> 或 是 <ul> 標 籤 時 , 要 記 得 在 您 要 加 上 序 號 處 加 上 <li></li> 這 組 標 籤 , 否 則 會 無 法 顯 示 標 示 號 碼 喔 。

範 例 七

[回首頁][回目錄]

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