段落的設定

區分段落的語法 | 強迫分段| 文字置中| 強迫分行| 分格線 | 兩端縮排 | 原始檔文字 | 例題 2-6 |

區分段落的語法

網頁文章的 段落 (paragraph) 必須寫在主體 <body> </body> 之間,而不同的段落區分語法如下:

用 途 HTML 語法 實 例
強迫分段
預設值為段落內行距 =1、段落間行距 =2。
</p> 是可有可無的。
<p> 第一段
<p> 第二段
........
例題 2-1:分段與分行
強迫分行
同時使用多個可增加行距。
第一行 <br> 
第二行 <br> <br>
第三行 <br> 
段落的左右對齊
預設值為 align=left。
<p align=left> 段落靠左對齊的部份
<p align=center> 段落置中對齊的部份
<p align=right> 段落靠左對齊的部份
例題 2-2:段落對齊
文字置中 <center>置中的文字</center>
插入水平線以區隔段落
預設值為 size=1 width=100% color=gray align=center、有陰影。
<hr color=顏色代碼
      size=厚度點數或百分比
      width=寬度點數或百分比
      align=left/ center/ right 
      noshade>
例題 2-3:分隔線分段
整段文章兩端內縮。
同時使用多個可增加縮排格數。
<blockquote>
文章縮排的部份
</blockquote>
例題 2-4:文章縮排
後置作業的文字,原封不動的放在網頁上,通常用來呈現原始檔。pre = preformatted <pre> 原始檔 </pre> 例題 2-5:原始檔文字
首句內縮。 參考 CSS 作法。  

  back to top


強迫分段 -- <p> </p> 標記

<p>  </p> 標記來區隔段落,其代表的意義是段落間的預設行距 = 2 行,而段落內的預設行距 = 1 行。

HTML 4.0 以上版本也接受只有 <p> 的寫法。其相關屬性如下:

<p> 的 屬 性 屬 性 代 碼 預 設 值 實 例
文字對齊 align=left/ center/ right/ justify  left 例題 2-2

如果要加大段落間的距離,則可以使用數個 <p> </p>,但每個標記組之間都沒有字串,只有空白,所以就會出現加大行距的效果。 注意:在 HTML 文件內,空白鍵是沒有意義的,所以在 <p> </p> 之間的空白應該鍵入  &nbsp;,也就是每一個分段的正確語法為 <p>&nbsp;</p>

  back to top


文字置中 -- <center> </center> 標記

<center>  </center> 標記可以將其間的文字置中,與 <p align=center> 的用法近似。 但後者多一個強迫分段的功能,所以 <p align=center> 可視為 <p> 加上 <center> 的功能。

  back to top


強迫分行 -- <br> 標記

在 HTML 文件上,空白鍵 (space) 與換行鍵 (return) 都是沒有意義的。也就是說不管打幾個空白鍵或換行鍵,在 HTML 文件上視同沒有。因此在同一段落中,如果需要換行時,則使用 <br> 標記。 而如果需要使用空白鍵,則需鍵入 &nbsp; 標記。

<br> 標記可以將其文字分為兩段,預設行距 = 1行。 如果要連續換行,同時使用多個<br> <p> 標記。例如: <br> <br> <br> ,則可分開三行。注意: <br> 標記只有一個,沒有結束標記

  back to top


分隔線 -- <hr> 標記

在 HTML 文件上,還有一種較特殊的分段法,即使用水平線 (horizone) <hr> 標記來分隔段落。注意: <hr> 標記只有一個,沒有結束標記。其相關屬性如下:

<hr> 的 屬 性 屬 性 代 碼 預 設 值 實 例
顏色 color=顏色代碼  gray 例題 2-3
高度 size=點數或百分比 1
長度 width=點數或百分比 100%
左右對齊 align=left/ center/ right  center
無陰影 noshade -

  back to top


兩端縮排 -- <blockquote> </blockquote> 標記

使用 <blockquote> </blockquote> 可使整段文字從兩端內縮,作為引經據典或數學公式之用。

至於段落首行內縮 (indent) 或是行距設定,則須參考 CSS 樣式表

  back to top


原始檔文字 -- <pre> </pre> 標記

pre 是 preformatted 的意思,表示該段文字為以預設之格式呈現。亦即 使用 <pre> </pre> 使後置作業的 HTML 標記,原封不動的輸出在網頁上,通常用來呈現原始檔。

  back to top


例題 2-6:文章排版
  1. 由下面按鈕下載檔案 H0206NTUPT.txt
    如果無法下載,則依照「網頁的基本結構之例題 1-1」製作檔案。

  2. 使用 IE 瀏覽器,點選「檔案/ 開啟舊檔」,可以見到含有數段文字的網頁。

  3. 在功能列,點選「檢視 / 原始檔」,則可以看到用記事本開啟的本網頁原始檔。

  4. 在每一個段落的前面位置,鍵入 <p> ,使之成為段落。作法如下:
     <p> 段落文字
  5. 在標題文字的前面,鍵入 <p align=center>,使之置中對齊。作法如下:
     <p align=center> School and Graduate Institute of Physical Therapy
  6. 在清單符號「*」 的前面,鍵入 <br><br><br>,使之 強迫分行。作法如下:
     <p align=center> * Further promote the quality of physical therapy services
  7. 在功能列,點選「檔案/ 儲存檔案」,儲存起來。

  8. 使用 IE 瀏覽器,點選「檢視/ 重新整理」,重新整理本檔案,可見文字對齊的變化。

  back to top


本網頁於 02/02/2002 製作,並於 09/22/2007更新 © 版權為柴惠敏所有,如需引用請先告知