北大青鸟.软件工程师HTMLTP5.ppt

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