《PPT5-表格和表单.ppt》由会员分享，可在线阅读，更多相关《PPT5-表格和表单.ppt（27页珍藏版）》请在三一办公上搜索。
1、使用表格和表单,第五章,回顾,自动刷新功能应使用哪个HTML标签？标签区分大小写吗？段落标签和换行标签有什么区别？字符标签有哪些常用属性？使用图片标签显示图片q.jpg，如何写HTML代码?写HTML代码时，空格用什么表示？显示如下所示的列表，如何写HTML代码：您认为乔丹的血型是？A.A型 B.B型 C 以上都不对显示如下所示的超链接，如何写HTML代码：请查看Microsoft微软中国,用 HTML 代码创建表格创建表单 使用框架,目标,表格,行,列,列标题,在 HTML 文档中，广泛使用表格来存放网页上的文本和图像,单元格,使用表格 姓名 性别 分数 Robert M 80.,创建表格,
2、代表表格的开始，border=2表示边框尺寸为2,表示行，这是表格的第一行，有三列数据，代表列,表格的第二行，有三列数据,表格的第三行，也有三列数据,学员档案信息 姓名 性别 分数 Robert M 80.,表格的标题,表示表格标题,表示行或列标题，粗体显示,表格的第二行，有三列数据,表格的第三行，有三列数据,学员档案信息 姓名 性别 分数 Robert M 80.,表格的对齐方式,整个表格居中,姓名列默认左对齐,性别列居中,分数列右对齐,合并单元格(跨列),创建表格 第一学期第二学期 数学 科学 英语 数学 科学 英语 98 95 80 95 87 88.,COLSPAN=“n”属性表示跨多
3、少列,合并单元格(跨行),创建表格 螺母 螺栓 锤子 第一季度一月250010001240 二月300025004000.,ROWSPAN=“n”属性表示跨多少行,学员档案信息 姓名 性别 分数 Robert M 80 Mary F 18,表格的背景色和尺寸设置,表格的颜色设置：表格的背景色 行的背景色 列的背景色 颜色值可以采用 RGB（red/green/blue）红绿蓝十六进制值表示，如红色#FF0000,或是一些预定义色彩名称：red，blue，yellow等。,表格的尺寸设置：例如：表示一个长为200像素，宽为100像素的表格。表示一个宽为窗口的20%，高为窗口的10%的表格。,表单
4、输入元素-7,课堂练习:请编写HTML代码,表单,METHOD=“post或get”,表单,ACTION,METHOD,指定提交后由服务器上哪个处理程序处理,指定向服务器提交的方法:一般为post或get方法,post方法比较安全,ACTION=“URL”,表单输入元素-1,文本框、按钮、单选按钮、复选框等都是输入元素。,表单输入元素-2,BUTTON（按钮）,表单输入元素-3,身份证号,TEXT（文本）,密 码：,请填写您的工作经历,表单输入元素-4,性别：男性女性,单选按钮和复选框,你喜欢以下哪些明星：酒井法子 郑秀文 BonJovi,HTML输入元素-5,2004 年欧锦赛预测“最佳球员
5、”RonaldoBeckhamZidane预测大赛亚军巴西法国阿根廷预测谁将成为 2004 年欧锦赛冠军？,阅读代码，请问网页中的显示结果？,表单输入元素-6,下拉菜单,谁是 2002 年世界杯冠军？西班牙法国巴西德国,列表选项,表单输入元素-7,课堂练习:请编写HTML代码,框架,广告栏顶部框架(top.htm),商品详细介绍右侧框架(main.htm),商品导航左侧框架(left.htm),为何使用框架,在另一个固定部分显示导航部分,在页面的一个固定部分显示徽标或静态信息,在此处显示主要内容。站点中只有此部分是变化的。,使用框架,演示如何做上述框架？,总结 4-1,表格标题 数据1 数据2.数据11 数据22,跨行的单元格：数据11 跨列的单元格：数据22,表格的一般语法：,总结 4-2,文本框 密码框 文本域 单选按钮 男性 复选框 酒井法子,表单的一般语法：,总结 4-3,选项1选项2.,总结 4-4,框架,顶部窗口显示广告 top.htm,显示详细内容main.htm,左侧窗口显示导航链接left.htm,
