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

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

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

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

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

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

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

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

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

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