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