第2章制作文本網(wǎng)頁

1、網(wǎng)頁制作實例教程（第網(wǎng)頁制作實例教程（第3版）版） 網(wǎng)頁制作實例教程（第網(wǎng)頁制作實例教程（第3版）版） 網(wǎng)頁制作實例教程（第網(wǎng)頁制作實例教程（第3版）版） 網(wǎng)頁制作實例教程（第網(wǎng)頁制作實例教程（第3版）版） 1，直接輸入 2，粘貼 3，導入 網(wǎng)頁制作實例教程（第網(wǎng)頁制作實例教程（第3版）版） 1 1，水平線屬性面板，水平線屬性面板2 2，設置水平線顏色，設置水平線顏色3 3，水平線標記，水平線標記網(wǎng)頁制作實例教程（第網(wǎng)頁制作實例教程（第3版）版）例例2-4 2-4 插入水平線插入水平線網(wǎng)頁制作實例教程（第網(wǎng)頁制作實例教程（第3版）版） 網(wǎng)頁制作實例教程（第網(wǎng)頁制作實例教程（第3版）版） 項目列

2、表 2 2，項目列表的，項目列表的HTMLHTML標記標記 1 1，建立項目列表，建立項目列表列表項1列表項2列表項n 網(wǎng)頁制作實例教程（第網(wǎng)頁制作實例教程（第3版）版）例例2-5 2-5 將已有的文本轉(zhuǎn)為項目列表將已有的文本轉(zhuǎn)為項目列表網(wǎng)頁制作實例教程（第網(wǎng)頁制作實例教程（第3版）版）4 4 項目列表的項目列表的HTMLHTML標記標記3 3項目列表屬性設置項目列表屬性設置 人生最可貴的品格是誠實 人生最大的財富是健康 人生最大的敵人是自己 人生最大的破產(chǎn)是絕望 人生最大的悲哀是嫉妒 人生最大的錯誤是自棄網(wǎng)頁制作實例教程（第網(wǎng)頁制作實例教程（第3版）版） 2，編號列表的HTML標記 1，設置

3、編號列表屬性 列表項1列表項2 列表項n網(wǎng)頁制作實例教程（第網(wǎng)頁制作實例教程（第3版）版）例例2-6 2-6 項目列表轉(zhuǎn)為編號列表項目列表轉(zhuǎn)為編號列表 人生最可貴的品格是誠實 人生最大的財富是健康 人生最大的敵人是自己 人生最大的破產(chǎn)是絕望 人生最大的悲哀是嫉妒 人生最大的錯誤是自棄網(wǎng)頁制作實例教程（第網(wǎng)頁制作實例教程（第3版）版） 2，定義列表的HTML標記 1，定義列表類似于字典樣式 ，對每個列表項給出說明文字。 列表項1 列表項1的說明 列表項2 列表項2的說明 列表項n 列表項n的說明網(wǎng)頁制作實例教程（第網(wǎng)頁制作實例教程（第3版）版） 嵌套列表是包含其他列表的列表，通常在項目列表與編號

4、列表之間嵌套。在列表中將部分文字縮進，使已有列表項與縮進的列表項成為上下級關系。 網(wǎng)頁制作實例教程（第網(wǎng)頁制作實例教程（第3版）版） 格言1 人生最可貴的品格是誠實 人生最大的財富是健康 人生最大的敵人是自己 格言2 人生最大的破產(chǎn)是絕望 人生最大的悲哀是嫉妒 人生最大的錯誤是自棄 網(wǎng)頁制作實例教程（第網(wǎng)頁制作實例教程（第3版）版） 在標記中可以定義文本顏色和文本大小等屬性，這些屬性類似于默認值。網(wǎng)頁文本默認顏色用標記的text屬性設置。 網(wǎng)頁制作實例教程（第網(wǎng)頁制作實例教程（第3版）版） 1換行標記換行標記，是單標記，另起一行，換行以后兩行之間距離很近。2段落標記段落標記，是雙標記， 另起一

5、段，兩段落之間會有一點距離。可以在標記中添加align屬性，定義段落在瀏覽器窗口的位置，屬性取值有l(wèi)eft（左對齊）、center（居中對齊）、right（右對齊），默認值為left。3. 塊標記塊標記，是雙標記，把文檔分割為獨立的部分?？梢栽跇擞浿刑砑觓lign屬性，定義元素在瀏覽器窗口的位置，屬性取值有：left（左對齊）、right（右對齊）、center（居中對齊）。網(wǎng)頁制作實例教程（第網(wǎng)頁制作實例教程（第3版）版） 設置文本格式的常用標記有：、等。1 1標記，是雙標記，定義文本格式，定義的文本格式。標記，是雙標記，定義文本格式，定義的文本格式。（1 1）設置文字的顏色）設置文字的顏色

6、設置文字的顏色使用標記的color屬性。例如：人生最珍貴的禮物是寬?。? 2）設置文字的大?。┰O置文字的大小設置文字的大小使用標記的size屬性。例如：人生最珍貴的禮物是寬?。? 3）設置文字的字體）設置文字的字體設置文字的字體使用標記的face屬性。例如：人生最珍貴的禮物是寬恕網(wǎng)頁制作實例教程（第網(wǎng)頁制作實例教程（第3版）版）2 2標記和標記和標記標記設置文字為“粗體” ，都是雙標記。以下兩句代碼的效果相同。人生最珍貴的禮物是寬恕 人生最珍貴的禮物是寬恕3 3標記標記設置文字為“斜體”使用和標記。例如：人生最珍貴的禮物是寬恕4 4標記標記設置文字帶有“下劃線”用和標記。例如：人生最珍貴的禮物

7、是寬恕網(wǎng)頁制作實例教程（第網(wǎng)頁制作實例教程（第3版）版）例例2-9 2-9 文本格式的文本格式的HTMLHTML標記標記文本格式標記人生最大的錯誤是自棄 人生最大的悲哀是嫉妒網(wǎng)頁制作實例教程（第網(wǎng)頁制作實例教程（第3版）版） 標簽有幾個常用屬性：（1）bgcolor，指定滾動字幕的背景色。（2）derection，指定字幕的滾動方向，屬性值有：left（向左）、right（向右）、up（向上）、down（向下），默認值是left。（3）behavior，指定字幕滾動方式，屬性值有：scroll（繞著圈走）、 slide（只走一次）、 alternate（橫向來回走），默認值是scroll。（4

8、）Loop，指定滾動的循環(huán)次數(shù)，默認循環(huán)不止。（5）Scrollamount，指定字幕滾動的速度，用數(shù)字表示，數(shù)字越小滾動越慢。（6）height，指定字幕垂直滾動的范圍，用數(shù)字表示，單位是像素。（7）width，指定字幕水平滾動的范圍，用數(shù)字表示，單位是像素。網(wǎng)頁制作實例教程（第網(wǎng)頁制作實例教程（第3版）版）例例2-102-10 水平滾動字幕水平滾動字幕（1）在Dreamweaver中新建名為“p2-10.html”的HTML文檔。（2）在“標題欄”框輸入“水平滾動字幕”。（3）在網(wǎng)頁中輸入文字“人生最可貴的品格是誠實”。（4）轉(zhuǎn)到“代碼”視圖在文字開始處輸入如下代碼： （5）在文字結(jié)束處輸

9、入：。（6）預覽網(wǎng)頁，文字向左慢慢滾動（速度值為3）、字幕背景色為黃色。網(wǎng)頁制作實例教程（第網(wǎng)頁制作實例教程（第3版）版）例例2-11 2-11 垂直滾動字幕垂直滾動字幕 垂直滾動字幕人生最大的財富是健康人生最大的敵人是自己人生最大的破產(chǎn)是絕望人生最大的悲哀是嫉妒人生最大的錯誤是自棄人生最大的欣慰是奉獻字幕向上滾動，鼠標移到字幕上滾動停止，鼠字幕向上滾動，鼠標移到字幕上滾動停止，鼠標移開字幕滾動繼續(xù)。標移開字幕滾動繼續(xù)。 網(wǎng)頁制作實例教程（第網(wǎng)頁制作實例教程（第3版）版） 原樣顯示標記年輕的妙處在于 你的經(jīng)驗不足以讓你知道你不能做 你現(xiàn)在正在做的事 例例2-12 2-12 原樣顯示原樣顯示 網(wǎng)頁制作實例教