HTML表格、框架-使用大全资料.ppt

静态网站设计 网络技术系：李毓丽 窗口分割方式以及和框架窗口的大小需要由frameset标记的rows或cols属性来确定，左右分割时使用cols属性，上下分割时使用rows属性 框架的显示内容以及框架的格式化由frame标记来完成 通过命名框架，使用框架可作为超链接的目标窗口 浮动框架是一种特殊的框架，它是某个HTML文档的一部分，设置浮动框架需要设置它的大小 浮动框架的许多属性与普通框架的相同 小 结 思考题 1. 框架的具有什么作用？ 2. 框架有哪几种分割方式？ 3.如何设置左右分割和上下分割? 4. 如何设置框架显示内容? 5. 如果设置框架作为超链接的目标窗口？ 6. 什么是浮动框架，它与普通框架有什么异同点? * * * * * * * * * * * * * * * * * * * * * * * * 使用框架结构 框架概述 框架结构组成标记 框架集标记frameset 框架标记frame 不支持框架标记noframe 浮动框架iframe 框架与链接 框架概述 HTML 框架允许在浏览器中同时显示多个HTML文档 多个页面能够同时在同一浏览器可独立滚动的窗口中显示 用来把浏览器窗口分成几个独立的部分 每一部分可以分别包含一个单独的HTML 文档 借助于框架分割浏览器窗口可以显著改进外观和可用性 框架的特征 可以水平或垂直分割 垂直框架具有垂直边框 水平框架具有水平边框 也可以在框架中嵌套框架 在定义框架间的交互之前必须先设定布局 使用框架的优点 使网页内容看起来更美观 减少了网站的下载时间 提高了网站的可用性 导航部分仍然可见，因为内容在单独的框架中改变 框架允许开发者将内容与导航和结构元素分离 有助于轻松、快速地更新内容 使用框架的缺点 老版本的浏览器不支持框架 开发者需要创建并组织多个文件来充实页面，使站点创建更复杂 框架结构的Web 站点不允许访问者在一个框架结构的文档中为页面加入书签 框架结构的Web 站点会增加服务器负载，导致过多的文档请求 框架结构的Web 站点会使有哪些信誉好的足球投注网站引擎产生问题 在框架结构的Web 站点中很难跟踪一个页面 创建框架 确定要创建的框架大小 创建框架集文档，确定各框架的位置和特性 指定框架和其中的内容 格式化框架 预先为在非框架结构的浏览器中显示框架做好准备 ※ 注意：使用框架结构时，HTML文档中不能出现body标记对，此时body需要由frameset代替 框架结构组成标记 框架集标记FRAMESET：主要是定义浏览器窗口的分割方式，以及各分割窗口（框架）的大小 框架标记FRAME：定义各分割窗口中显示的内容，并能对各分割窗口进行格式化 框架集标记FRAMESET 框架分割窗口方式： 左右（水平）分割 上下（垂直）分割 嵌套分割：浏览器窗口既存在左右分割，又存在上下分割 左右分割 基本语法 frameset cols=“value,value,……” frame frame ……. /frameset 语法解释 cols属性决定了窗口的分割方式为左右分割；“value”定义各个框架的大小，单位可以是像素，也可以是百分比；value的个数决定了frame标记的个数，即窗口的个数，而value的值则决定了相应窗口的大小 左右分割示例 frameset cols=20%,* frame frame /frameset 上下分割 基本语法: frameset rows=“value,value,……” frame frame ……. /frameset 语法解释 rows属性决定了窗口的分割方式为上下分割；“value”定义各个框架的大小，单位可以是像素，也可以是百分比；value的个数决定了frame标记的个数，即窗口的个数，而value的值则决定了相应窗口的大小 上下分割示例 frameset rows=20%,* frame frame /frameset 嵌套分割 基本语法 frameset cols=“value,value,……” frame frameset rows=“value,value,… frame frame …… /frameset frame ……. /frameset 嵌套分割示例 frameset cols=20%,55%,* frameset rows=100,* frame frame /frameset frame frame /