【正文】 HTML、 CSS、 JavaScript 網(wǎng)頁制作 學(xué)無止境樂在其中 第 4章 HTML框架、表單、多媒體 框架集、框架標(biāo)記 表單標(biāo)記 IE瀏覽器滾動(dòng)字幕、背景音樂與多媒體 XHTML播放多媒體標(biāo)記 框架集、框架標(biāo)記 框架集文檔的基本結(jié)構(gòu) 框架集文檔實(shí)際上并不包含任何頁面內(nèi)容，它只是告訴瀏覽器將瀏覽器窗口如何排列、每個(gè)框架加載哪個(gè) HTML頁面。 html head… /head frameset — 框架集 frame src=頁面 1 / — 框架 1 frame src=頁面 2 / — 框架 2 …… frameset — 子框架集 frame src=頁面 / — 子框架 …… /frameset iframe src=頁面 / — 浮動(dòng)框架 — 也可用于 body noframes — 不支持框架時(shí)顯示的頁面內(nèi)容 body……/body || a href= 頁面 /a /noframes /frameset /html 注意： 框架集 frameset不允許與 body標(biāo)記同時(shí)使用，只有在為不支持框架的瀏覽器而設(shè)置的 noframes標(biāo)記內(nèi)可包含 body 框架集標(biāo)記 frameset frameset rows||cols=框架 (集 )1大小 , 框架 (集 )2大小 , … frame src= HTML頁面文件 / — 框架 iframe src= HTML頁面文件 / — 浮動(dòng)框架 noframes不支持框架時(shí)顯示的頁面內(nèi)容 /noframes …… /frameset frameset標(biāo)記定義框架集，用于包含多個(gè)框架 (窗口 )，指定框架數(shù)量、尺寸、間距、顏色及排列方式 — 可內(nèi)嵌框架集。 rows 按行縱向劃分 — 各框架上下排列 cols 按列橫向劃分 — 各框架左右排列 注意： rows、 cols屬性不要同時(shí)使用，否則容易引起混亂。 rows||cols屬性值的 個(gè)數(shù) 是包含框架或子框架集的個(gè)數(shù)，屬性值的 個(gè)數(shù) 為框架數(shù)量，屬性值的 大小 為框架的尺寸，可使用 數(shù)字 (像素 )、 %瀏覽器或父框架百分比、 *表示剩余空間 — 多個(gè) *則平均分配。例如： cols=80, *, 30% 表示 3列 3個(gè)框架，第 1個(gè)80像素，第 3個(gè)占窗口 30%，第 2個(gè)為剩余空間。 rows cols 框架集標(biāo)記其他屬性 ? framespacing 設(shè)置框架集中框架之間的間隔寬度，也就是框架輪廓之外的外邊距寬度，默認(rèn) 2(像素 ) ? frameborder 設(shè)置框架集中框架外邊距是否可見，取值 1外邊距顏色可見、取值 0外邊距顏色不可見 — 透明白色的空白區(qū)域 ? bordercolor 設(shè)置框架集中框架外邊距的顏色，默認(rèn)與邊框一體 — 凸起灰白色。如果 framespacing外邊距或 frameborder可見性設(shè)置為 0，則顏色設(shè)置無效。 注意： 框架集 frameset用 frameborder設(shè)置框架 外邊距 的可見性，而框架 frame用 frameborder設(shè)置 邊框 的可見性，在IE7瀏覽器中這兩個(gè)屬性的設(shè)置會(huì)相互影響。 一般情況下框架集 frameborder默認(rèn)為 1— 外邊距可見，但如果框架集中所有框架都用 frameborder=0設(shè)置輪廓線不可見，則框架集 frameborder將默認(rèn)為 0— 外邊距不可見，此時(shí)如果顯示外邊距顏色則必須設(shè)置 frameborder=1。 內(nèi)嵌框架集默認(rèn)采用外層父框架集的設(shè)置，也可獨(dú)立設(shè)置覆蓋父框架集的設(shè)置。 框架標(biāo)記 frame / frame src=頁面文件 URL / 按順序定義框架集中的一個(gè)框架，必須在 frameset內(nèi)使用。 src 指定顯示在該框架中的頁面文件 URL。 id||name 為框架定義唯一名稱 — 針對(duì)不同瀏覽器可同時(shí)使用 scrolling 設(shè)置滾動(dòng)條： auto(默認(rèn) )需要時(shí) yes總是有 no沒有 noresize 設(shè)置框架是否可調(diào)整： 默認(rèn) 可調(diào)整、 noresize固定 marginheight 定義框架的上下內(nèi)邊距 — 內(nèi)容與邊框的距離 marginwidth 定義框架的左右內(nèi)邊距 frameborder 設(shè)置邊框是否可見： 1可見 (默認(rèn) ) 0不顯示 ? 如果未設(shè)置框架 frameborder則繼承框架集的該屬性 ? 如果框架集 frameborder默認(rèn)或設(shè)置為 1外邊距可見，則所包含框架的邊框默認(rèn)為 1可見，如果框架集設(shè)置為 0則所包含框架的邊框默認(rèn)為 0不可見 — 如果顯示框架邊框則必須設(shè)置為 1。 ? 若所有框架 frameborder設(shè)置為 0則框架集 frameborder會(huì)默認(rèn)為 0— 外邊距不可見。 ? 在框架內(nèi)的頁面中使用 a鏈接時(shí)，可使用 target屬性將頁面鏈接到 id||name指定的任意框架或 _self當(dāng)前框架 (默認(rèn) )、 _blank新窗口、 _parent父框架、 _top頂層瀏覽器窗口。 a href=URL target=目標(biāo)框架 id或 name鏈接文本 /a 不支持框架標(biāo)記 noframes noframes不支持框架時(shí)顯示的頁面內(nèi)容 /noframes noframes 標(biāo)簽必須用于 frameset標(biāo)記內(nèi)，僅為不支持框架的瀏覽器提供備用顯示頁面，對(duì)支持框架瀏覽器無效 — 忽略 noframes標(biāo)記內(nèi)可以使用 body定義完整獨(dú)立的頁面 — 或者直接超鏈接到某個(gè)頁面。 例如： frameset frame src=頁面 / …… noframes body p對(duì)不起，您的瀏覽器不支持框架網(wǎng)頁的顯示。 br / — 可在此定義相關(guān)的頁面，或者使用： a href=URL 點(diǎn)擊這里 /a查看其它相關(guān)頁面。 /p /body /noframes /frameset 【 例 】 框架示例 【 例 】 用默認(rèn)屬性按列使用框架 【 例 】 使用框架嵌套 【 例 】 利用框架實(shí)現(xiàn)導(dǎo)航 【 例 】 利用框架實(shí)現(xiàn)導(dǎo)航 — 導(dǎo)航頁面 【 例 】 導(dǎo)航頁面 【 例 】 用 框架集鏈接外部網(wǎng)頁 浮動(dòng)框架標(biāo)記 iframe iframe src=頁面文件 URL /iframe iframe是一個(gè)行內(nèi)雙標(biāo)記，可用于在 body頁面中創(chuàng)建一個(gè)內(nèi)聯(lián)“浮動(dòng)”框架 — 內(nèi)部窗口，以打開另外一個(gè)獨(dú)立頁面或一幅圖像。 width 設(shè)置浮動(dòng)框架寬度 height 設(shè)置浮動(dòng)框架高度 align 設(shè)置浮動(dòng)框架在頁面中的對(duì)齊方式 left、 right、 center 其他 id||name 指定唯一名稱、 scrolling 滾動(dòng)條 (默認(rèn) auto需要時(shí)、 yes總是有、 no沒有 )、 marginheight 上下、 marginwidth 左右內(nèi)邊距等屬性與 frame框架標(biāo)記用法相同。 同樣，在 a標(biāo)記 target屬性中指定 iframe的 id||name屬性 a href=URL target=內(nèi)聯(lián)框架 id||name 可以將鏈接頁面加載到指定的浮動(dòng)框架中。 注意： 在不支持 iframe的瀏覽器中，則 iframe不可見。 【 例 】 普通 body頁面中 使用浮動(dòng)框架 表單標(biāo)記 到目前為止所能設(shè)計(jì)的網(wǎng)頁都屬于靜態(tài)網(wǎng)頁，用戶只能單向從網(wǎng)站獲取瀏覽信息，即使使用 JavaScript也只能實(shí)現(xiàn)視覺上的動(dòng)態(tài)效果，而不是真正意義上的動(dòng)態(tài)網(wǎng)頁。 實(shí)際上 HTML是一條雙行通道，用戶也可以通過網(wǎng)頁向網(wǎng)站服務(wù)器提交發(fā)送信息，由服務(wù)器的處理程序收集保存，具有向服務(wù)器提交信息功能的網(wǎng)頁就是所謂的動(dòng)態(tài)網(wǎng)頁。 動(dòng)態(tài)網(wǎng)頁由兩部分構(gòu)成： ?用表單 收集 并 發(fā)送 用戶信息的 HTML頁面 ?接收處理 用戶信息并對(duì)用戶作出 響應(yīng) 的 后臺(tái)服務(wù)器程序 在 HTML頁面中能接受用戶輸入信息并提交發(fā)送給服務(wù)器的標(biāo)記統(tǒng)稱為表單，表單是用戶通過頁面與網(wǎng)站服務(wù)器進(jìn)行交互的工具，可實(shí)現(xiàn)網(wǎng)絡(luò)注冊、登錄驗(yàn)證、問卷調(diào)查、信息發(fā)布、訂單購物等功能。 本書只介紹 HTML頁面中使用的表單標(biāo)記，有關(guān)接收處理用戶信息的后臺(tái)服務(wù)器程序可參