《网页设计第一章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 ,