版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請進行舉報或認領
文檔簡介
模塊8框架8.1框架簡介8.2浮動框架8.3案例：浮動框架實現(xiàn)選項卡式鏈接思考與練習題
8.1框架簡介
框架可以實現(xiàn)在同一個瀏覽器窗口中顯示不止一個頁面。通過框架結(jié)構(gòu)標簽<frameset>定義如何劃分瀏覽器窗口，劃分出的子窗口為一個框架，由<frame>標簽定義，每個框架中可以顯示一個獨立的頁面。
示例如下：
在這個示例中，設置了一個框架集，將瀏覽器窗口劃分成兩列，第一列占據(jù)瀏覽器窗口30%寬度，第二列占據(jù)瀏覽器窗口70%寬度。頁面page1.html置于第一個框架中，頁面page2.html置于第二個框架中。
由于HTML5已經(jīng)舍棄了<frameset>標簽，所以本書不再詳細介紹，大家了解即可。
8.2浮動框架
浮動框架的語法格式如下：其中，src用來定義浮動框架內(nèi)顯示的頁面的地址。width和height分別用來定義浮動框架的寬與高。name用來定義浮動框架的名稱，可將超鏈接的target目標指向它，實現(xiàn)鏈接頁面在浮動框架中顯示。
【例8-1】浮動框架的應用。
上述代碼在瀏覽器中的預覽效果如圖8-1所示。
圖8-1浮動框架的應用
8.3案例：浮動框架實現(xiàn)選項卡式鏈接
【案例描述】綜合應用超鏈接和浮動框架實現(xiàn)選項卡式鏈接。案例源文件參考“模塊8案例”。【考核知識點】超鏈接的應用、浮動框架的應用?！揪毩暷繕恕?1)掌握浮動框架的應用。(2)掌握超鏈接目標的設置。
【案例源代碼】
【運行結(jié)果】
源代碼在瀏覽器中的運行結(jié)果如圖8-2所示。
圖8-2案例運行結(jié)果
【案例分析】
案例頁面包括標題、超鏈接、浮動框架及頁腳等。浮動框架的初始頁面為page1.html，名稱為ifr。當點擊各教程網(wǎng)站鏈接時，相應的網(wǎng)站頁面會顯示在浮動框架內(nèi)，這是通過超鏈接的target屬性設置的，將target屬性值設置為浮動框架的名稱ifr即可。案例效果圖是應用了CSS樣式后的結(jié)果，需要將外部CSS樣式文件“style8.css”引入到HTML頁面中的<head>標簽內(nèi)。
思考與練習題
一、選擇題1.在HTML中，通過()標簽定義浮動框架。A.<frameset>
B.<frame>C.<iframe>
D.<form>2.()屬性用于定義浮動框架的名稱，可將超鏈接的target目標指向它，實現(xiàn)鏈接頁面的浮動框架中顯示。A.src
B.widthC.height
D.name
二、填空題
1.HTML中定義浮動框架的標簽是
。
2.有HTML代碼如下：
<ahref="page2.html"
>打開頁面二</a>
<iframesrc="page1.html"width="500px"height="300p
溫馨提示
- 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會有圖紙預覽，若沒有圖紙預覽就沒有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫網(wǎng)僅提供信息存儲空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負責。
- 6. 下載文件中如有侵權(quán)或不適當內(nèi)容，請與我們聯(lián)系，我們立即糾正。
- 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
最新文檔
- 福建省南平市文昌學校2020-2021學年高一物理上學期期末試卷含解析
- 福建省南平市外屯中學2021-2022學年高一英語下學期期末試卷含解析
- 4 上學路上 第二課時 說課稿-2023-2024學年道德與法治一年級上冊統(tǒng)編版
- 雙十二消費者體驗解讀
- 12 故宮博物院 說課稿-2024-2025學年語文六年級上冊統(tǒng)編版
- 歷史巨人典故解讀
- 科研之路揭秘
- 科技驅(qū)動：未來掌控者
- 外包施工合同（2篇）
- 2024活動協(xié)作：權(quán)利與義務規(guī)定
- 七年級數(shù)學(上)有理數(shù)混合運算100題(含答案)
- 刑事辯護策略技巧案例
- 2024年陜西西安高新區(qū)管委會工作人員招聘筆試參考題庫附帶答案詳解
- 三年級上冊數(shù)學估算練習200題
- DAM10KW中波發(fā)射機各單元的檢測與調(diào)整指導示意圖
- 二年級美術(shù)復習計劃
- 物業(yè)采購工作總結(jié)
- 組織文化與領導力
- 膠粘性不良改善報告
- 電子商務客服全套培訓方案
- 河北省石家莊市橋西區(qū)2023-2024學年九年級上冊期末英語模擬試題（附答案）
評論
0/150
提交評論