《表格框架与表单》.ppt

表格、框架与表单;目标;预习检查;本章任务;会使用表格的基本结构实现简单表格 会使用表格相关标签实现跨行、跨列的复杂表格 会使用表格相关设置进行美化修饰;;;表格的基本语法;如何创建表格;;跨多列的表格 ;跨多行的表格 ;TABLE border=1 TR TD手机充值、IP卡 /TD TD colspan=2办公设备、文具/TD /TR TR TD rowspan=2各种卡的总汇/TD TD铅笔/TD TD彩笔/TD /TR TR TD打印/TD TD刻录/TD /TR /TABLE;小结1;;如何设置表格的尺寸和边框;如何设置背景;如何设置对其方式;为什么要使用填充属性;什么是填充属性和间距属性;如何使用填充、间距属性;如何设置表格的填充属性;小结2;如何实现图文内容的布局，达到如左图所示页面的效果？ 分析上图所示页面，应该用什么进行布局？ ;如何使用表格进行布局;如何使用表格进行布局;编写如下图所示效果对应的html代码 ;总结;框架;框架使用场合;frameset cols=“25%,50%,*” rows =“50%,*” border=“5” frame src=“the_first.html …… /frameset;框架的基本结构;如何创建多个复杂的窗口;如何创建多个复杂的窗口;如何创建多个复杂的窗口;如何设置窗口链接的显示位置;如何设置窗口链接的显示位置;如何设置窗口链接的显示位置;小结2; ;建立表单;表单属性;输入标记 - input ;输入标记 - input ;input 单行文本框;input 单行文本框;input 单行文本框;input 密码输入框;input 密码输入框;input 按钮;input 按钮;input 按钮;input 单选框;input 复选框;input 单选框与复选框例;input 单选框与复选框;input 文件输入框;input 文件输入框;select 选择标记;select 选择标记;textarea 多行文本框;textarea 多行文本框;本章小结 ;