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

使用表格、框架与表单 回顾 用 HTML 代码创建表格 创建表单 使用框架 表格 创建表格 表格的标题 表格的对齐方式 合并单元格(跨列) 合并单元格(跨行) 表格的背景色和尺寸设置 表单输入元素-1 HTML输入元素-5 框架 使用框架 总结 4-1 TABLE width=“?” border=“?” align＝“？” CAPTION 表格标题/ CAPTION TR bgcolor＝“？” TH align=“?”数据1 TH TH align=“?”数据2 TH ….. /TR TR bgcolor＝“？” TD align=“?”数据11 /TD TD align=“?”数据22/TD /TR /TABLE 总结 4-2 FORM action=“?” method=“?” 文本框 INPUT type＝“text” name＝“？” value＝“？” maxlength=“？ 密码框 INPUT type＝“password” name＝“？” value＝“” 文本域 textarea name=“？” clos=“？” rows=“？” /textarea 单选按钮INPUT TYPE=radio NAME=”？” VALUE=”？” 男性 复选框input type=Checkbox name=？ value=？ 酒井法子 总结 4-3 SELECT NAME =？ OPTION 选项1/OPTION OPTION选项2/OPTION OPTION.../OPTION /SELECT INPUT type=Submit value=提交 name=? INPUT type=reset value=重置 name=? / FORM 总结 4-4 框架 提问：根据上述效果图，先抽选一名学员在白板上画出在网页中的显示效果， 其余学员在纸上上书写答案。教员巡视学员基本做完 ，集中评讲 ，给出如图所示的效果图。给予学员鼓励。 参见：TG5-Source文件夹中的“代码阅读”用例 制作刚才演示的框架网页，素材参见“制作框架素材” 文件夹。 制作步骤参见：学生用书第五章“制作框架”对应部分。 提问： 参考答案： 1）META标签 2）不区分 3）段落间隔比较大，段落中还可以嵌套换行 4）FONT　color=“…” size=“…” face=“…” 5)IMG src=“a.jpg” 6) nbsp; 7)代码如下： P 您认为乔丹的血型是？/P OL type=A LI A型 /LI LI B型 /LI LI 都不是都不对 /LI /OL 8）A href=“”查看Microsoft微软中国/A 提问： 1.我们前面学习过表单，请问表单有什么用途？ 引导回答： 1)在用户注册某种服务或活动时收集姓名、地址、电话号码、电子邮件地址和其他信息 2)在用户购买商品时收集信息 3)收集关于网站的反馈信息 2.表单使用哪个标签？有哪些属性？ 引导：学员可能回答不全，引出表单的属性讲解。 强调表格的几个重要组成部分： 1）行 2）列 3）单元格 4）列标题（一般位于第一行或第一列，粗体显示），可选 5）表格标题，可选 讲解要点： 1）表格一般都需要标题，说明表格的内容主题。表格的标题由标签CAPTION设置 设置标题位于表格上方： 　　CAPTION align=top 表格标题 /CAPTION 设置标题位于表格下方： 　　CAPTION align=bottom表格标题/CAPTION 2）同理，表格的第一行或第一列，一般需要加粗突出显示，作为行或列的标题。 设置行或列的标题： TH行或列标题/TH 演示：TG5-Source文件夹中的“表格标题”用例。 讲解要点： 1）为了美观大方，表格中的数据一般需要设置对齐方式。 2）设置表格、行或列的对齐方式，修改align属性为right（右对齐），center（居中）或left（左对齐）就可以了，默认为“左对齐”。 本例效果：设置表格居中显示，姓名列“左对齐”，性别列居中，分数列“右对齐”。 演示：TG5-Source文件夹中的“表格对齐”用例。 自动刷新功能应使用哪个HTML标签？ 标签区分大小写吗？ 段落标签P和换行标签BR有什么区别？ 字符标签FONT有哪些常用属性？ 使用图片标签IMG显示图片q.jpg，如何写HTML代码? 写HTML代