网页基础：第3章：HTML高级应用.ppt

使用表格 框架与表单 2 回顾 自动刷新功能应使用哪个HTML标签 标签区分大小写吗 段落标签和换行标签有什么区别 字符标签有哪些常用属性 使用图片标签显示图片q jpg 如何写HTML代码 写HTML代码时 空格用什么表示 显示如下所示的列表 如何写HTML代码 您认为乔丹的血型是 A A型B B型C以上都不对显示如下所示的超链接 如何写HTML代码 请查看Microsoft微软中国 3 用HTML代码创建表格创建表单使用框架 目标 4 表格 行 列 列标题 在HTML文档中 广泛使用表格来存放网页上的文本和图像 单元格 5 使用表格姓名性别分数RobertM80 创建表格 代表表格的开始 border 2表示边框尺寸为2 表示行 这是表格的第一行 有三列数据 代表列 表格的第二行 有三列数据 表格的第三行 也有三列数据 6 学员档案信息姓名性别分数RobertM80 表格的标题 表示表格标题 表示行或列标题 粗体显示 表格的第二行 有三列数据 表格的第三行 有三列数据 7 学员档案信息姓名性别分数RobertM80 表格的对齐方式 整个表格居中 姓名列默认左对齐 性别列居中 分数列右对齐 8 合并单元格 跨列 创建表格第一学期第二学期数学科学英语数学科学英语989580958788 COLSPAN n 属性表示跨多少列 9 合并单元格 跨行 创建表格螺母螺栓锤子第一季度一月250010001240二月300025004000 ROWSPAN n 属性表示跨多少行 10 学员档案信息姓名性别分数RobertM80MaryF18 表格的背景色和尺寸设置 表格的颜色设置 表格的背景色行的背景色列的背景色颜色值可以采用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年欧锦赛预测 最佳球员 RonaldoBeckhamZidane预测大赛亚军巴西法国阿根廷预测谁将成为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 文本框密码框文本域单选按钮男性复选框酒井法子 表单的一