【文章內(nèi)容簡(jiǎn)介】 下： ? td height=150 ? marquee direction=up width=294 height=150 scrollamount=1 scrolldelay=50 ? div align=centerfont face=宋體 size=4 color=0000FF中央電視臺(tái) /font/div ? div align=centerfont face=宋體 size=4 color=0000FF遼寧教育信息 /font/div ? div align=centerfont face=宋體 size=4 color=0000FF百 度 搜 索 /font/div ? div align=centerfont face=宋體 size=4 color=0000FF騰 訊 網(wǎng) /font/div ? div align=centerfont face=宋體 size=4 color=0000FF人 人 網(wǎng) /font/div ? /marquee ? /td 任務(wù) 28 應(yīng)用多媒體標(biāo)記插入多媒體對(duì)像 ? 完成任務(wù)的完整代碼如下： ? table width=294 border=1 cellspacing=0 cellpadding=0 bgcolor=339999 bordercolor=339999 align=center ? tr ? td height=30 align=centerfont size=4 color=ffffff友情鏈接 /font ? /td ? /tr ? tr style=lineheight:18pt bgcolor=eeffee ? td height=125 ? marquee direction=up width=294 height=120 scrollamount=1 scrolldelay=50 ? div align=centerfont face=宋體 size=4 color=0000FF中央電視臺(tái) /font/div ? div align=centerfont face=宋體 size=4 color=0000FF遼寧教育信息 /font/div ? div align=centerfont face=宋體 size=4 color=0000FF百 度 搜 索 /font/div ? div align=centerfont face=宋體 size=4 color=0000FF騰 訊 網(wǎng) /font/div ? div align=centerfont face=宋體 size=4 color=0000FF人 人 網(wǎng) /font/div ? /marquee ? /td ? /tr ? /table 任務(wù) 28 應(yīng)用多媒體標(biāo)記插入多媒體對(duì)像 滾動(dòng)字幕運(yùn)行效果如圖 214所示。 圖 214滾動(dòng)字幕運(yùn)行效果圖 任務(wù) 29 制作子網(wǎng)頁并應(yīng)用鏈接標(biāo)記建立導(dǎo)航鏈接 ? 【 子任務(wù) 291】 制作子網(wǎng)頁 ? 操作步驟如下： ? （ 1）在子文件夾 web中建立擴(kuò)展子網(wǎng)頁文件，分別為 、 、 、xylyhtml、 、 。 ? （ 2）在文件編輯軟件中打開子網(wǎng)頁文件，如 。 ? （ 3）應(yīng)用所學(xué)標(biāo)記，編輯相關(guān) HTML代碼。 ? html ? head ? meta equiv=ContentType content=text/html。 charset=gb2312 ? title讀書園地 /title ? body bgcolor=CCFFFF text=000000 ? p /p ? …… ? p /p ? …… ? p /p ? …… ? p /p ? …… ? /body ? /html ? 具體制作過程這里不再詳述。 任務(wù) 29 制作子網(wǎng)頁并應(yīng)用鏈接標(biāo)記建立導(dǎo)航鏈接 ? 【 子任務(wù) 292】 應(yīng)用超級(jí)鏈接標(biāo)記建立導(dǎo)航文本與各子網(wǎng)頁的鏈接 ? 超級(jí)鏈接標(biāo)記為 a href=url 文本或圖像 /a ? 建立超級(jí)鏈接的操作步驟如下： ? （ 1）將 “ 首頁 ” 作為超級(jí)鏈接的文本放在 a 與 /a之間，并設(shè) url為 ? 代碼如下： ? a href=首頁 /a ? （ 2）將 “ 校園新聞 ” 作為超級(jí)鏈接的文本放在 a 與 /a之間，并設(shè) url為web/ ? 代碼如下： ? a href=web/校園新聞 /a ? （ 3）采用同樣方法，設(shè)置 “ 文體天地 ” 、 “ 讀書園地 ” 、 “ 校園掠影 ” 、 “ 情感天地 ” 、 “ 就業(yè) ” 的超級(jí)鏈接。 ? 代碼如下： ? a href=web/文體活動(dòng) /a ? a href=web/讀書園地 /a ? a href=web/校園掠影 /a ? a href=web/情感天地 /a ? a href=web/就業(yè)交流 /a ? 設(shè)置好超級(jí)鏈接后，運(yùn)行主頁，設(shè)有超級(jí)鏈接的文本將變藍(lán)，并加上下劃線， 如圖 213所示。 任務(wù) 29 制作子網(wǎng)頁并應(yīng)用鏈接標(biāo)記建立導(dǎo)航鏈接 ? 【 子任務(wù) 293】 應(yīng)用超級(jí)鏈接標(biāo)記建立友情鏈接，在【 子任務(wù) 81】 基礎(chǔ)上實(shí)現(xiàn)對(duì) “ 中央電視臺(tái) ” 等網(wǎng)站的訪問。 ? 要求實(shí)現(xiàn)當(dāng)用戶鼠標(biāo)移入滾動(dòng)區(qū)域時(shí)，則停止?jié)L動(dòng)，移出時(shí)繼續(xù)滾動(dòng)，當(dāng)用戶單擊滾動(dòng)文本時(shí)，則鏈接到相應(yīng)的網(wǎng)站。 ? 分析： marquee 標(biāo)記支持 stop()和 start()方法，分別用于控制滾動(dòng)的停止和開始。當(dāng)鼠標(biāo)移入滾動(dòng)區(qū)域時(shí)，將觸發(fā)OnMouseOver事件，當(dāng)移出時(shí)，又會(huì)觸發(fā) OnMouseOut事件，因此，可通過兩個(gè)事件來分別調(diào)用 stop()方法和 start()方法，從而實(shí)現(xiàn)滾動(dòng)與停止的自動(dòng)控制。 任務(wù) 29 制作子網(wǎng)頁并應(yīng)用鏈接標(biāo)記建立導(dǎo)航鏈接 ? 這里只修改 marquee代碼如下： ? marquee direction=up width=294 height=120 scrollamount=1 scrolldelay=50 OnMouseOver=() OnMouseOut=() ? div align=centerfont face=宋體 size=4 color=0000FF ? a href= target=blank中央電視臺(tái)/a/font/div ? div align=centerfont face=宋體 size=4 color=0000FF ? a href= target=blank遼寧教育信息/a/font/div ? div align=centerfont face=宋體 size=4 color=0000FF ? a href= target=blank百 度 搜 索/a/font/div ? div align=centerfont face=宋體 size=4 color=0000FF ? a href= target=blank騰 訊 網(wǎng) /a/font/div ? div align=centerfont face=宋體 size=4 color=0000FF ? a href= target=blank 人 人 網(wǎng) /a/font/div ? /marquee 任務(wù) 29 制作子網(wǎng)頁并應(yīng)用鏈接標(biāo)記建立導(dǎo)航鏈接 ? 在滾動(dòng)字幕字完成外部鏈接后，相應(yīng)文本下將添加下劃線，效果如圖 215所示。至此，我的校園生活網(wǎng)站創(chuàng)建完成。對(duì)代碼進(jìn)行適當(dāng)優(yōu)化，去除不必要的表格邊線等。運(yùn)行效果如圖 216所示： 圖 215 能夠?qū)崿F(xiàn)外部鏈接的滾動(dòng)字幕 任務(wù) 29 制作子網(wǎng)頁并應(yīng)用鏈接標(biāo)記建立導(dǎo)航鏈接 圖 216 “我的校園生活 ” 網(wǎng)站運(yùn)行效果圖 我的校園生活網(wǎng)站制作相關(guān)知識(shí) 知識(shí)點(diǎn) 21 HTML網(wǎng)頁的基本組成與特點(diǎn) HTML是超文本標(biāo)記語言（ Hypertext Markup Language）的縮寫 ,主要用來創(chuàng)建與系統(tǒng)平臺(tái)無關(guān)的網(wǎng)頁文檔 ,它不是編程語言，而是一種描述性的標(biāo)記語言。 所有網(wǎng)頁軟件都是以 HTML為基礎(chǔ)，學(xué)會(huì)了它可以更方便靈活地控制網(wǎng)頁。特別是在動(dòng)態(tài)網(wǎng)頁的設(shè)計(jì)中，常常需要利用 ASP、 JSP、 PHP等代碼來輸出網(wǎng)頁的部分 HTML代碼，此時(shí)就必須對(duì) HTML標(biāo)記相當(dāng)熟悉才行。 HTML文件是純文本文件，能用任意的文本編輯器編輯，如：記事本、寫字板、 Word、 Dreamweaver、 Frontpage等。 知識(shí)點(diǎn) 21 HTML網(wǎng)頁的基本組成與特點(diǎn) 1. 用 HTML制作網(wǎng)頁的簡(jiǎn)單實(shí)例 【 實(shí)例 21】 制作李白詩 《 望廬山瀑布 》 制作過程： （ 1）用任何文本編輯器（如記事本、寫字板、 WORD等）輸入下列文本（代碼）： ! html head meta equiv=ContentType content=text/html。 harset=gb2312 title李白詩 ~望廬山瀑布 /title /head body bgcolor=FFFFFF text=000000 p align=centerfont size=7 color=0000ff望廬山瀑布 /font/p p align=centerfont size=5 color=0000ff李白 /font/p p align=centerfont size=6 color=0000ff日照香爐生紫煙 /font/p p align=centerfont size=6 color=0000ff遙望瀑布掛前川 /font/p p align=centerfont size=6 color=0000ff飛流直下三千尺 /font/p p align=centerfont size=6 color=0000ff疑是銀河落九天 /font/p /body /html （ 2）以純文本格式存為 （假設(shè)位置為： E:\Item2）。 （ 3）打開瀏覽器，在地址欄中輸入 E:\Item2\，就會(huì)看到所制作的網(wǎng)頁。如圖 217所示。 知識(shí)點(diǎn) 21 HTML網(wǎng)頁的基本組成與特點(diǎn) 圖 217 李白詩 《 望廬山瀑布 》 網(wǎng)頁效果 知識(shí)點(diǎn) 21 HTML網(wǎng)頁的基本組成與特點(diǎn) 啟動(dòng) Dreamweaver后，切換到代碼瀏覽窗口，此時(shí)看到的 HTML代碼，即是網(wǎng)頁的基本組成部分，其代碼為： html head meta equiv=ContentType content=text/html。 harset=gb2312 title李白詩 ~望廬山瀑布 /title /head body bgcolor=FFFFFF text=000000 /body /html 從中可見，一個(gè)最基本的網(wǎng)頁一般由三個(gè)部分組成，分別是： （ 1） html/html html標(biāo)記用于定義網(wǎng)頁文件的開始，對(duì)應(yīng)的結(jié)束標(biāo)記為 /html則定義網(wǎng)頁的結(jié)束。 （ 2） head/head 該組標(biāo)記用于定義網(wǎng)頁的頭，用來說明文件的一些基本信息，如文檔標(biāo)題、文檔所用的字符集、搜索引擎可用的關(guān)鍵詞、 Javascript塊以及不屬于網(wǎng)頁內(nèi)容的其他信息等。 在這里， title和 /title標(biāo)記定義網(wǎng)頁的標(biāo)題，該標(biāo)題將顯示在瀏覽器的標(biāo)題欄中。 meta標(biāo)記有很多用法，這里是用于指定網(wǎng)頁所使用的字符集，是可選項(xiàng)。 （ 3） body/body body用于定義網(wǎng)頁的正文開始， /body用于定義網(wǎng)頁正文的結(jié)束。網(wǎng)頁的正文內(nèi)容必須放在這兩個(gè)標(biāo)記之間， bgcolor為 body標(biāo)記的屬性，用于指定網(wǎng)頁的背景顏色，text也為 body標(biāo)記的屬性，用于指定網(wǎng)頁正文的前景色。 知識(shí)點(diǎn) 21 HTML網(wǎng)頁的基本組成與特點(diǎn) HTML文件是標(biāo)準(zhǔn)的文本文件，以純文本形式存放，擴(kuò)展名為 *.htm或*.html。若系統(tǒng)為 UNIX系統(tǒng) ,則擴(kuò)展名為 *.html。 HTML是由若干標(biāo)記符和文本構(gòu)成，標(biāo)記符適用于組織網(wǎng)頁的內(nèi)容和控制輸出格式， HTML具有以下幾個(gè)特點(diǎn)： （ 1） HTML標(biāo)記的一般格式 HTML標(biāo)記均是用 括起來的，大多數(shù)標(biāo)記是成對(duì)出現(xiàn)的，有開始標(biāo)記和對(duì)應(yīng)的結(jié)束標(biāo)記，結(jié)束標(biāo)記多一根斜杠。許多標(biāo)記還有屬性，用于對(duì)標(biāo)記進(jìn)行詳細(xì)設(shè)置。 HTML標(biāo)記的一般格式為： 標(biāo)記（名稱） 屬性 1=屬性值 1