html表格、框架-使用大全(編輯修改稿)
2025-03-31 14:55 本頁面
【文章內(nèi)容簡介】 th之間 ? 每一行必須使用一個 tr/tr標記對 ? 行中的所有列都必須放置在 tr/tr標記對之間 ? 通過表格、行及單元格標記的屬性，可以對表格進行格式化，如設(shè)置顯示邊框、邊框?qū)挾?、邊框顏色? 本節(jié)小結(jié) 本節(jié)小結(jié) 思考題 框架 表格 主頁 ? 在排版網(wǎng)頁時通常需要嵌套表格，所謂表格的嵌套，是指在一個表格的單元格中插入另一個表格 小 結(jié) 本節(jié)小結(jié) 本節(jié)小結(jié) 思考題 框架 表格 主頁 思考題 1. 在顯示表格邊框，應(yīng)如何設(shè)置？ 2. 如何設(shè)置表格的寬度、高度、對齊方式、邊框顏色、單元格間距及單元格邊距？ 3. 如何設(shè)置單元格的對齊方式、背景顏色、背景圖像 ? 4. 在網(wǎng)頁排版時，應(yīng)如何嵌套表格 ? 本節(jié)小結(jié) 本節(jié)小結(jié) 思考題 框架 表格 主頁 使用框架結(jié)構(gòu) ? 框架概述 ? 框架結(jié)構(gòu)組成標記 ? 框架集標記 frameset ? 框架標記 frame ? 不支持框架標記 noframe ? 浮動框架 iframe ? 框架與鏈接 本節(jié)小結(jié) 本節(jié)小結(jié) 思考題 框架 表格 主頁 框架概述 ? HTML 框架允許在瀏覽器中同時顯示多個 HTML文檔 – 多個頁面能夠同時在同一瀏覽器可獨立滾動的窗口中顯示 – 用來把瀏覽器窗口分成幾個獨立的部分 – 每一部分可以分別包含一個單獨的 HTML 文檔 ? 借助于框架分割瀏覽器窗口可以顯著改進外觀和可用性 本節(jié)小結(jié) 本節(jié)小結(jié) 思考題 框架 表格 主頁 框架的特征 ? 可以水平或垂直分割 ? 垂直框架具有垂直邊框 ? 水平框架具有水平邊框 ? 也可以在框架中嵌套框架 ? 在定義框架間的交互之前必須先設(shè)定布局 本節(jié)小結(jié) 本節(jié)小結(jié) 思考題 框架 表格 主頁 使用框架的優(yōu)點 ? 使網(wǎng)頁內(nèi)容看起來更美觀 ? 減少了網(wǎng)站的下載時間 ? 提高了網(wǎng)站的可用性 ? 導(dǎo)航部分仍然可見，因為內(nèi)容在單獨的框架中改變 ? 框架允許開發(fā)者將內(nèi)容與導(dǎo)航和結(jié)構(gòu)元素分離 ? 有助于輕松、快速地更新內(nèi)容 本節(jié)小結(jié) 本節(jié)小結(jié) 思考題 框架 表格 主頁 使用框架的缺點 ? 老版本的瀏覽器不支持框架 ? 開發(fā)者需要創(chuàng)建并組織多個文件來充實頁面，使站點創(chuàng)建更復(fù)雜 ? 框架結(jié)構(gòu)的 Web 站點不允許訪問者在一個框架結(jié)構(gòu)的文檔中為頁面加入書簽 ? 框架結(jié)構(gòu)的 Web 站點會增加服務(wù)器負載，導(dǎo)致過多的文檔請求 ? 框架結(jié)構(gòu)的 Web 站點會使搜索引擎產(chǎn)生問題 ? 在框架結(jié)構(gòu)的 Web 站點中很難跟蹤一個頁面 本節(jié)小結(jié) 本節(jié)小結(jié) 思考題 框架 表格 主頁 創(chuàng)建框架 ? 確定要創(chuàng)建的框架大小 ? 創(chuàng)建框架集文檔，確定各框架的位置和特性 ? 指定框架和其中的內(nèi)容 ? 格式化框架 ? 預(yù)先為在非框架結(jié)構(gòu)的瀏覽器中顯示框架做好準備 ※ 注意：使用框架結(jié)構(gòu)時， HTML文檔中不能出現(xiàn)body標記對，此時 body需要由 frameset代替 本節(jié)小結(jié) 本節(jié)小結(jié) 思考題 框架 表格 主頁 框架結(jié)構(gòu)組成標記 ? 框架集標記 FRAMESET： 主要是定義瀏覽器窗口的分割方式，以及各分割窗口（框架）的大小 ? 框架標記 FRAME： 定義各分割窗口中顯示的內(nèi)容，并能對各分割窗口進行格式化 本節(jié)小結(jié) 本節(jié)小結(jié) 思考題 框架 表格 主頁 框架集標記 FRAMESET ? 框架分割窗口方式 ： – 左右（水平）分割 – 上下（垂直）分割 – 嵌套分割：瀏覽器窗口既存在左右分割，又存在上下分割 本節(jié)小結(jié) 本節(jié)小結(jié) 思考題 框架 表格 主頁 左右分割 ?基本語法 frameset cols=“ value,value,……” frame frame ……. /frameset 本節(jié)小結(jié) 本節(jié)小結(jié) 思考題 框架 表格 主頁 ? 語法解釋 cols屬性決定了窗口的分割方式為左右分割；“ value”定義各個框架的大小，單位可以是像素，也可以是百分比； value的個數(shù)決定了 frame標記的個數(shù)，即窗口的個數(shù)，而 value的值則決定了相應(yīng)窗口的大小 本節(jié)小結(jié) 本節(jié)小結(jié) 思考題 框架 表格 主頁 左右分割示例 frameset cols=20%,* frame frame /frameset 本節(jié)小結(jié) 本節(jié)小結(jié) 思考題 框架 表格 主頁 上下分割 ? 基本語法 : frameset rows=“ value,value,…… ” frame frame ……. /frameset 本節(jié)小結(jié) 本節(jié)小結(jié) 思考題 框架 表格 主頁 ? 語法解釋 rows屬性決定了窗口的分割方式為上下分割；“ value”定義各個框架的大小，單位可以是像素，也可以是百分比； value的個數(shù)決定了frame標記的個數(shù)，即窗口的個數(shù)，而 value的值則決定了相應(yīng)窗口的大小 本節(jié)小結(jié) 本節(jié)小結(jié) 思考題 框架 表格 主頁 上下分割示例 frameset rows=20%,* frame frame /frameset 本節(jié)小結(jié) 本節(jié)小結(jié) 思考題 框架 表格 主頁 嵌套分割 ? 基本語法 frameset cols=“ value,value,…… ”
教學課件相關(guān)推薦
鄂ICP備17016276號-1