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