第六章使用框架.pptVIP

* * * 使用框架 第六章 Version 1.0 HTML 表单是文档的一部分，包含称为控件的表单元素 表单用于接受用户的输入并提供一些交互式操作 FORM 元素用于在网页中创建我们称为表单的区域 INPUT元素定义要显示在表单上的表单元素的类型和外观 TEXTAREA 元素创建多行文本输入控件 BUTTON元素创建按钮表单元素 * 回顾 2-1 SELECT 元素用于显示可供用户选择的选项列表 OPTGROUP 元素用于对选项进行分组，构成一个分层结构 LABEL 元素用于将信息附加到控件元素 元素获得焦点时，它的状态将变为活动 元素的 Tabindex 属性指定元素通过键盘接收焦点的顺序 Accesskey属性用于向元素分配访问键 * 回顾 2-2 使用框架 使用框架创建链接 * 目标 * 框架 框架 1 框架 2 框架 3 框架 1 框架 3 框架 2 例如，可以在一个网页中使用三个框架，一个用于显示横幅，一个用于显示导航菜单，一个用于显示数据 在页面的一个固定部分显示徽标或静态信息 用作网页中的目录，用户可以通过单击目录在网站中导航，而无需经常地返回到目录页面 提供多视图效果，使设计人员可让网页中的某些信息保持静止，而滚动或操纵其他内容 * 框架的用途 属性 说明 ROWS 此属性指定当前框架组中水平方向上框架的个数和尺寸。将ROWS＝设置为以逗号分开的数字或百分比，表示每个框架的高度。数字指定各框架的绝对大小，百分比控制框架的垂直尺寸相对于浏览器高度的百分比。用星号（*）表示变量高度，变高的框架填充其它框架填充后余下的空间。 COLS 此属性指定竖直方向上框架的个数和尺寸。将COLS＝设置为逗号分开的数字或百分比，表示每个框架的宽度。用星号（*）表示变量宽度，变宽的框架填充其它框架填充后余下的空间。 * FRAMESET元素 2-1 框架是用 FRAMESET标记创建的。其属性如下： FRAMESET元素 2-2 * HTML HEAD TITLE两个同样大小的框架/TITLE /HEAD FRAMESET COLS=50%,* FRAME SRC=C:/event.htm FRAME SRC=C:/teams.htm /FRAMESET /HTML FRAME 元素在 FRAMESET 内定义一个框架的外观和内容 FRAME元素的常用属性2-1 属性 说明 NAME 此属性给当前框架指定名称 SRC 此属性指定将在框架中显示的文档的相对或绝对位置。 NORESIZE 此属性为 Boolean 属性。它指定框架窗口的大小不能调整 SCROLLING 此属性指定当文本尺寸超过框架尺寸时是否显示滚动条。可设置的值有： Auto –此值表示在需要时为框架窗口提供滚动条。这是默认值。 Yes –此值表示始终为框架窗口提供滚动条。 No –此值表示不为框架窗口提供滚动条。 * FRAME标记的常用属性如下： FRAME元素的常用属性2-2 属性 说明 FRAMEBORDER 此属性指定框架边框是否显示。可能的值有： 1 – 此为默认值。表示在当前框架和每个相邻框架之间将显示框架边框。 0 – 表示不在当前框架和每个相邻框架之间显示框架边框。 MARGINWIDTH 此属性指定框架的内容与框架左右边缘之间的间隔。其值必须大于一个像素 MARGINHEIGHT 此属性指定框架的内容与框架上下边缘之间的间隔。其值必须大于一个像素 * 使用框架 4-1 * HTML HEAD TITLE在框架中滚动/TITLE /HEAD FRAMESET ROWS=50%,* FRAME SRC=C:/event.htm SCROLLING=no FRAME SRC=C:/teams.htm SCROLLING=yes /FRAMESET /HTML 如果没有定义多行或多列，浏览器将完全忽略框架，结果与单一窗口一样 使用框架 4-2 * HTML HEAD TITLE调整框架大小/TITLE /HEAD FRAMESET COLS=20%, 80% FRAMESET ROWS=100, 200 FRAME SRC=C:/event.htm NORESIZE FRAME SRC=C:/teams.htm /FRAMESET FRAME SRC=football.gif /FRAMESET /HTML 此属性指定框架窗口的大小不可调整 使用框架 4-3 * HTML HEAD TITLE使用框架/TITLE /HEAD FRAMESET COLS=1*, 250, 3* FRAME SRC=C:/event.htm FRAMEBORDER = 0 FRAME SRC=C:/teams.htm