相關文章：

文字上的分隔標簽

1. 使用方法：強制斷行標簽
、強制分段標簽

2. 標簽解說：我們在寫文章時，有時候在特定的地方會強迫斷行（
），或是在寫完某一段的時候便會分段（

），制作網頁也一樣，而且更需要斷行及分段的功能，以免整個網頁看起來亂糟糟的。

3. 使用範例：

原始代碼

顯示結果

這是一個斷行的例子
看出來了嗎？網頁教學網

這是一個斷行的例子

看出來了嗎？網頁教學網

這是一個分段的例子

看出來了嗎？網頁教學網

這是一個分段的例子

看出來了嗎？網頁教學網

文字置左、置中、置右

1.使用方法：老實說，剛剛我們學習過分段標簽

再加上一些簡單的屬性設定，就可以讓其整個文字段落置左、置中或置右了，就如下表所示：

2.標簽解說：秘訣就在於「ALIGN=對齊位置」而已！ALIGN是分段標簽

的屬性之一，這個屬性將會常常在不同標簽中看到，它的功能是專門在設定「水平對齊位置」，其常見的設定值有三個，也就是置左（ALIGN="LEFT"）、置中（ALIGN="CENTER"）、置右（ALIGN="RIGHT"）。

3. 使用範例：

原始代碼

顯示結果

文字靠左

文字靠左

文字置中

文字置中

文字靠右

文字靠右

置中標簽

1. 使用方法：

這是置中

2. 標簽解說：這個標簽是最常用到的標簽了，除了文字，對於圖片、表格，任何可以顯現在網頁上的內容都可以置中！

3. 使用範例：

原始代碼

顯示結果

這是中間

這是中間

向右縮排標簽

1. 使用方法：

要縮排的文字

2. 標簽解說：利用

這個標簽可以將其包起來的文字，全部往右縮排。而且加一組標簽，往右縮排一單位，加兩組標簽，往右縮排兩個單位，依此類推。

3. 使用範例：

原始代碼

顯示結果

縮排1單位

縮排1單位

縮排2單位

縮排2單位

保存原始格式標簽

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

2. 標簽解說： 利用

這個標簽可以將其包起來的文字排版、格式，原封不動的顯示出來。算是相當好用的標簽之一。

3. 使用範例：

原始代碼

顯示結果

 文 字 格 式 

文 字 格 式

分隔線標簽

1. 使用方法： 上一段文字內容

---

下一段文字內容

2. 標簽解說： 利用

---

這個標簽便可產生一條橫分隔線。另外，其有些屬性分別說明如下：

3. 使用範例：

一般用法

尚未加任何屬性。

原始代碼

普通分隔

---

顯示結果

普通分隔線

顏色屬性

用法：

---

原始代碼

橘色分隔線

---

顯示結果

橘色分隔線

寬度屬性

用法：

---

，其單位為px（像素），寬度也可用百分比來作設定，如50%即意為寬度占屏幕的50%。

原始代碼

寬度為300px的分隔線

---

顯示結果

普通分隔線

厚度屬性

用法：

---

原始代碼

厚度為 10 的分隔線< HR SIZE="10">

顯示結果

厚度為 10 的分隔線

位置屬性

用法：

---

，其設定值有三個，也就是置左ALIGN="LEFT"、置中ALIGN="CENTER"、置右ALIGN="RIGHT"

原始代碼

靠右的分隔線

---

顯示結果

靠右的分隔線

陰影屬性

用法：

---

，無設定值，只要將 NOSHADE 加入即可，通常會配合顏色設定，效果較佳。

原始代碼

實心分隔線（無陰影)

---

顯示結果

實心分隔線（無陰影）