第5讲框架及表单标记解说.ppt

第5讲 框架结构及表单标记 5.1 框架结构 5.2 表单标记 学习目标 理解框架的作用 掌握框架标记的使用 理解不支持框架标记的应用 掌握浮动框架的使用 掌握使用框架作为超链接目标的设置 理解有关表单的相关概念 掌握各种表单标记的使用 5.1 框架结构 框架的作用，就是把浏览器窗口划分成若干个区域，每个区域可以分别显示不同的网页。 注意：使用框架结构时，HTML文档中不能出现body标记对，此时body需要由frameset代替 1） 框架结构组成标记 框架集标记frameset：主要是定义浏览器窗口的分割方式、各分割窗口（框架）的大小以及格式化框架边框 框架标记frame：定义各分割窗口中显示的内容，并能对各分割窗口进行格式化 2）框架集标记frameset 框架分割窗口方式 左右（水平）分割 上下（垂直）分割 嵌套分割：浏览器窗口既存在左右分割，又存在上下分割 左右分割 基本语法 frameset cols=“value,value,……” frame frame ……. /frameset 语法解释 cols属性决定了窗口的分割方式为左右分割；“value”定义各个框架的大小，单位可以是像素，也可以是百分比；value的个数决定了frame标记的个数，即窗口的个数 frameset cols=20%,* frame frame /frameset 上下分割 基本语法 frameset rows=“value,value,……” frame frame ……. /frameset 语法解释 rows属性决定了窗口的分割方式为上下分割；“value”定义各个框架的大小，单位可以是像素，也可以是百分比；value的个数决定了frame标记的个数，即窗口的个数 frameset rows=20%,* frame frame /frameset 嵌套分割 基本语法 frameset cols|rows=“value,value,……” frame frameset rows|cols=“value,value,…” frame frame …… /frameset frame ……. /frameset frameset cols=20%,55%,* frameset rows=100,* frame frame /frameset frame frame /frameset frameset对框架边框的格式化 frameset标记对框架边框的格式化通过设置”frameborder”、”framespacing”和”bordercolor”等属性来实现 3) 框架标记frame 基本语法 frameset cols=“value,value,……” frame src=“url” name=“frame_name” frame src=“url” name=“frame_name” ……. /frameset 语法解释 src属性用于设置在框架窗口中显示的内容来自的文件；name属性用于标记框架名称，以便于其他对象对它的引用，如作为链接的一个目标窗口 frameset cols=20%,* frame src=“frame_menu.html” name=“left” frame src=“p.htm” name=“right” /frameset 4)不支持框架标记noframes 一些早期版本的浏览器不支持框架。制作人员无法改变这一现象，所能做的只是显示该浏览器不支持框架技术，有些内容无法看到。这一任务可由noframes标记来完成，当浏览器不能加载框架集文件时，会检索到noframes标记，并显示标记中的内容 基本语法 frameset frame frame ……. noframes body …… /body /noframes /frameset 5) 浮动框架iframe 浮动框架是一种特殊的框架页面，其作为HTML文档的一部分，就象图像一样出现在HTML文档中。浮动框架允许将一个HTML文档插入到另一个HTML文档内部的某个区域。 基本语法 iframe src=“f