Lec.3_网站开发_第2章_2.pptVIP

本章分两次课介绍HTML应用的核心知识。本次课讲授 2.6 表格 2.7 表单 2.8 框架 2.6 表格 一.表格概述 二.表格标记 三.表格属性 1/3 三.表格属性 2/3 三.表格属性 3/3 2.7 表单 一.表单概念 1/2 一.表单概念 2/2 二. Form标记 1/4 二. Form标记 2/4 二. Form标记 3/4 二. Form标记 4/4 三.表单元素－输入域 input标记 1/9 三.表单元素－输入域 input标记 2/9 三.表单元素－输入域 input标记 2/9 三.表单元素－输入域 input标记 3/9 三.表单元素－输入域 input标记 4/9 三.表单元素－输入域 input标记 5/9 三.表单元素－输入域 input标记 6/9 三.表单元素－输入域 input标记 7/9 三.表单元素－输入域 input标记 8/9 三.表单元素－输入域 input标记 9/9 四.表单元素－文本区 textarea标记 五.表单元素－选择列表select标记 1/3 五.表单元素－选择列表select标记 2/3 五.表单元素－选择列表select标记 3/3 表单小结 2.8 框架 一.框架概述 把一个浏览器窗口划分为若干个小“窗口”，每个“窗口”可以显示不同的 URL 网页。 这样的窗口称为框架，frame 每个Frame里设定一个网页，每个Frame里的网页相互独立 例 框架1 目前，在标准网页设计中，极不推荐使用框架. 二.框架用法 1/4 1.主体结构 二.框架用法 2/4 2.左右分割的框架结构 二.框架用法 3/4 3.上下分割的框架结构 二.框架用法 4/4 4.嵌套的框架结构 三.嵌入式框架标记iframe 课堂练习 1/2 课堂练习 2/2 html head...... /head frameset frame src=此框架要显示的网页url地址 frame src=此框架要显示的网页url地址 ...... frameset /html 框架集 框架1 框架2 没有body标记 在frameset标记中使用cols属性 html headtitle列分的框架/title/head frameset cols=25%,50%,25% frame src=frames/Frame_a.htm frame src=frames/Frame_b.htm frame src=frames/Frame_c.htm /frameset /html 例: 列分框架 在frameset标记中使用rows属性 html headtitle列分的框架/title/head frameset rows=25%,50%,25% frame src=frames/Frame_a.htm frame src=frames/Frame_b.htm frame src=frames/Frame_c.htm /frameset /html 例: 行分框架 在frameset标记中嵌套frameset标记 html headtitle框架的嵌套/title/head frameset rows=50%,50% framespacing=5 frame src= frameset cols=25%,75% frame src=frames/Frame_b.htm frame src=frames/Frame_c.htm /frameset /frameset /html例: 嵌套框架 有些浏览器不支持iframe标记 在浏览器窗口中可以嵌入一个框窗以显示另一个文件 html headtitle嵌入框架/title/head body p旁边是一个嵌入式框架 iframe name=“I1” align=“right” src=“”这是一个嵌入框架/iframe /body /html 例: 浮动框架 讲授小结 – 知识结构 表格 框架 形式 标记的基本结构 tabletrthtd 单元格的合并 cols,rows属性 类型:列分，行分，嵌套 嵌入式框架 表单 表单作用 表单标记－form 表单元素 input text