本節書摘來自異步社群《網站建設與網頁設計從入門到精通dreamweaver+flash+photoshop＋html+css+javascript》一書中的第3章，第3.3節，作者：何新起 更多章節内容可以通路雲栖社群“異步社群”公衆号檢視。
文本是傳遞資訊的基礎，浏覽網頁内容時，大部分時間是浏覽網頁中的文本，是以學會在網頁中建立文本至關重要。在dreamweaver cs6中可以很友善地建立出所需的文本，還可以對建立的文本進行段落格式的排版。
3.3.1 在網頁中添加文本
文本是基本的資訊載體，是網頁中最基本的元素，在浏覽網頁時，擷取資訊最直接、最直覺的方法就是閱讀文本。下面通過執行個體講述如何在網頁中添加文本，如圖3.21所示。
1 打開原始檔案ch03//index.htm，如圖3.22所示。
２ 将光标放置在要輸入文本的位置，輸入文本，如圖3.23所示。
3 儲存文檔，按f12鍵在浏覽器中預覽，效果如圖3.21所示。
3.3.2 插入日期
在dreamweaver中插入日期非常友善，它提供了一個插入日期的快捷方式，用任意格式即可在文檔中插入目前時間，同時它還提供了日期更新選項，當儲存檔案時，日期也随着更新。插入日期的效果如圖3.24所示，具體操作步驟如下。
1 打開原始檔案ch03//index.htm，如圖3.25所示。
２ 将光标置于要插入日期的位置，選擇菜單中【插入】|【日期】指令，彈出【插入日期】對話框，如圖3.26所示。
3 在【插入日期】對話框中，在【星期格式】、【日期格式】和【時間格式】清單中分别選擇一種合适的格式。勾選【儲存時自動更新】複選框，每一次存儲文檔都會自動更新文檔中插入的日期，如圖3.27所示。
https://yqfile.alicdn.com/6c786816d0627a0c91c3947cf4c41b28b98e1fd4.png" >
4 單擊【确定】按鈕，即可插入日期，如圖3.28所示。
顯示在【插入日期】對話框中的時間和日期不是目前的日期，它們也不會反映通路者檢視使用者網站的日期/時間。
序号5 儲存文檔，按f12鍵在浏覽器中浏覽效果，如圖3.24所示。
3.3.3 插入特殊字元
特殊字元包含換行符、不換行空格、版權資訊和注冊商标等，它們是網頁中經常用到的元素。當在網頁文檔中插入特殊字元時，在代碼視圖中顯示的是特殊字元的源代碼，在設計視圖中顯示的是一個标志，隻有在浏覽器視窗中才能顯示真正面目，如圖3.29所示。下面通過執行個體講述版權字元的插入，具體操作步驟如下。
序号1 打開原始檔案ch03//index.htm，如圖3.30所示。
２ 将光标置于要插入特殊字元的位置，選擇菜單中的【插入】|【html】|【特殊字元】|【版權】指令，即可插入版權，如圖3.31所示。
序号3 儲存文檔，按f12鍵在浏覽器中浏覽效果，如圖3.59所示。
選擇菜單中的【插入】|【html】|【特殊字元】|【其他字元】指令，彈出【插入其他字元】對話框，在對話框中可以選擇更多的特殊字元，如圖3.32所示。
3.3.4 插入水準線
水準線在網頁文檔中經常用到，它主要用于分隔文檔内容，使文檔結構清晰明了，合理使用水準線可以獲得非常好的效果。一篇内容繁雜的文檔，如果合理放置水準線，會變得層次分明、易于閱讀。
下面通過執行個體講述在網頁中插入水準線的效果，如圖3.33所示，具體操作步
1 打開原始檔案ch03//index.htm，如圖3.34所示。
２ 将光标置于要插入水準線的位置，選擇菜單中的【插入】|【html】|【水準線】指令，插入水準線，如圖3.35所示。
将光标放置在插入水準線的位置，單擊【常用】插入欄中的【水準線】shuipingxian按鈕，也可插入水準線。在【視窗】下拉清單中選擇“插入”即可把【常用】插入欄調出。
3 選中水準線，打開【屬性】面闆，可以在【屬性】面闆中設定水準線的高、寬、對齊方式和陰影，如圖3.36所示。
在水準線【屬性】面闆中可以設定以下參數。
【寬】和【高】：以像素為機關或以頁面尺寸百分比的形式設定水準線的寬度和高度。
【對齊】：設定水準線的對齊方式，包括“預設”、“左對齊”、“居中對齊”和“右對齊”4個選項。隻有當水準線的寬度小于浏覽器視窗的寬度時，該設定才适應。
【陰影】：設定繪制的水準線是否帶陰影。取消選擇該項将使用純色繪制水準線。
設定水準線顔色：在【屬性】面闆中并沒有提供關于水準線顔色的設定選項，如果需要改變水準線的顔色，隻需要直接進入源代碼更改〈hr color=“對應顔色的代碼”〉即可。
序号4 儲存文檔，按f12鍵在浏覽器中浏覽效果，如圖3.33所示。
html代碼分析
1．插入水準線hr
水準線标記用于在頁面中插入一條水準标尺線，使頁面看起來整齊明了。
文法：
說明：
在網頁中輸入一個< hr >标記，就添加了一條預設樣式的水準線。
2．水準線寬度width
預設情況下，水準線的寬度為100%，可以使用width手動調整水準線的寬度。
在該文法中，水準線的寬度值可以是确定的像素值，也可以是視窗的百分比。
3．水準線高度size
預設情況下，可以使用size标記用于改變水準線的高度。
在該文法中，水準線的寬度值可以是确定的像素值，也可以是視窗的百分比。水準線的高度隻能使用絕對的像素來定義。
4．水準線去掉陰影noshade
預設的水準線是空心立體的效果，可以将其設定為實心并且不帶陰影的水準線。
noshade是布爾值的屬性，它沒有屬性值，如果在< hr >元素中寫上了這個屬性，則浏覽器不會顯示立體形狀的水準線，反之則無需設定該屬性，浏覽器預設顯示一條立體形狀帶有陰影的水準線。
5．水準線顔色color
在網頁設計過程中，如果随意利用預設水準線，常常會出現插入的水準線與整個網頁顔色不協調的情況。設定不同顔色的水準線可以為網頁增色不少。
顔色代碼是十六進制的數值或者顔色的英文名稱。
6．水準線排列align
水準線在預設情況下是居中對齊的，如果想讓水準線左對齊或右對齊，就需要設定對齊方式。
在該文法中對齊方式可以有3種，包括center、left和right，其中center的效果與預設的效果相同。