【 文字上的分隔標籤 】

1. 使用方法:強制斷行標籤<BR> 、強制分段標籤<P>

2. 標籤解說:我們在寫文章時,有時候在特定的地方會強迫斷行(<BR> ),或是在寫完某一段的時候便會分段(<P>),寫網頁也一樣,而且更需要斷行及分段的功能,以免整個網頁看起來亂糟糟的。

3. 使用範例

原始碼
呈現結果
這是一個斷行的範例 <BR> 看出來了嗎? 這是一個斷行的範例
看出來了嗎?
這是一個分段的範例 <P> 基本上他會比斷行還多空出一行 這是一個分段的範例

基本上分段會比斷行還多空出一行


【 文字置左、置中、置右 】

1. 使用方法:老實說,剛剛我們學過的分段標籤 <P> 再加上一些簡單的屬性設定,就可以讓其整個文字段落置左、置中或置右了,就如下表所示:

2. 標籤解說:標籤解說:嗯!祕訣就在於「ALIGN=對齊位置」而已啦!ALIGN是分段標籤 <P>的屬性之一,這個屬性將來會常常在不同標籤中看到,它的功能是專門在設定「水平對齊位置」,其常見的設定值有三個,也就是置左(ALIGN="LEFT")、置中(ALIGN="CENTER")、置右(ALIGN="RIGHT")。

3. 使用範例

原始碼
呈現結果
<P ALIGN="LEFT">文字靠左</P>

文字靠左

<P ALIGN="CENTER">文字置中</P>

文字置中

<P ALIGN="RIGHT">文字靠右</P>

文字靠右


【 置中標籤 】

1. 使用方法:<CENTER>這是置中</CENTER>

2. 標籤解說:這個標籤是最常用到的標籤了,除了文字,對於圖片、表格,任何可以顯現在網頁上的東西都可以置中喔!

3. 使用範例

原始碼
呈現結果
<CENTER>這是最中間</CENTER>
這是最中間


【 向右縮排標籤 】

1. 使用方法:<BLOCKQUOTE> 要縮排的文字 </BLOCKQUOTE>

2. 標籤解說:利用 <BLOCKQUOTE></BLOCKQUOTE> 這個標籤可以將其包起來的文字,全部往右縮排。而且加一組標籤,往右縮排一單位,加兩組標籤,往右縮排兩單位,依此類推。

3. 使用範例

原始碼 呈現結果
<BLOCKQUOTE>縮排1單位</BLOCKQUOTE>
縮排1單位
<BLOCKQUOTE><BLOCKQUOTE>縮排2單位</BLOCKQUOTE></BLOCKQUOTE>
縮排2單位


【 保存原始格式標籤 】

1. 使用方法:< PRE> 文字內容 </PRE>

2. 標籤解說: 利用 <PRE></PRE> 這個標籤可以將其包起來的文字排版、格式,原封不動的呈現出來。算是相當好用的標籤之一。

3. 使用範例

原始碼
呈現結果
<PRE> 文 字 格 式 </PRE>
 文 字 格 式 


【 分隔線標籤 】

1. 使用方法: 上一段文字內容 <HR> 下一段文字內容

2. 標籤解說: 利用 <HR> 這個標籤便可產生一條橫分隔線。另外,其有些屬性分別說明如下:


3. 使用範例

一般用法
尚未加任何屬性。
原始碼
普通分隔<HR>
呈現結果
普通分隔線

顏色屬性
用法: <HR COLOR="顏色碼或顏色名稱">
原始碼
橘色分隔線<HR COLOR="#FF8000">
呈現結果
橘色分隔線

寬度屬性
用法:<HR WIDTH="寬度">,其單位為px(像素),寬度亦可用百分比來作設定,如50%即意為寬度佔螢幕50%。
原始碼
寬度為240px的分隔線 <HR WIDTH="300">
呈現結果
普通分隔線

厚度屬性
用法:<HR SIZE="厚度">
原始碼
厚度為 10 的分隔線< HR SIZE="10">
呈現結果
厚度為 10 的分隔線

位置屬性
用法:<HR ALIGN="水平對齊位置">,其設定值有三個,也就是置左ALIGN="LEFT"、置中ALIGN="CENTER"、置右ALIGN="RIGHT"
原始碼
靠右的分隔線<HR ALIGN="RIGHT">
呈現結果
靠右的分隔線

陰影屬性
用法:<HR NOSHADE>,無設定值,只要將 NOSHADE 加入即可,通常會配合顏色設定,效果較佳。
原始碼
實心分隔線(無陰影) <HR NOSHADE>
呈現結果
實心分隔線(無陰影)