[计算机软件及应用]第二章_HTML基础2.pptVIP

WEB基础 用 HTML 代码创建表格 创建表单 创建DIV层 使用框架 框架集frameset 内嵌框架iframe 表格 表格的使用 定义表格的基本标签 表格的使用 表格标签及其属性----table 表格的使用 表格标签及其属性----tr 表格的使用 表格标签及其属性----td 创建表格 表格的标题 表格的对齐方式 合并单元格(跨列) 合并单元格(跨行) 表格的背景色和尺寸设置 创建表单 HTML中的表单标记 form action＝url method=get|post name=myform arget=_blank ... /form HTML输入元素-5 DIV 层标签 SPAN 标签 框架 总结 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 总结 2-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=？ 酒井法子 总结 2-3 SELECT NAME =？ OPTION 选项1/OPTION OPTION选项2/OPTION OPTION.../OPTION /SELECT INPUT type=Submit value=提交 name=? INPUT type=reset value=重置 name=? / FORM 总结 2-4 框架 结束语 设置框架集frameset 框架集属性 左右分割边框——cols 基本语法 frameset cols=“760*,380* frame src=”URL” frame src=”URL” … /frameset 为何使用框架 在另一个固定部分 显示导航部分 在页面的一个固定部分显示徽标或静态信息 在此处显示主要内容。 站点中只有此部分是变化的。 框架集演示 演示如何做上述框架？ 添加内嵌框架 基本语法 body iframe src=”URL” name=”” /iframe /body 内嵌框架iframe 内嵌框架属性 内嵌框架iframe 设置内嵌框架源文件属性--src 添加内嵌框架名称--name 设置内嵌框架的宽度和高度--width和height 设置内嵌框架的对齐方式--align 跨行的单元格： TD rowspan=“n”数据11 /TD 跨列的单元格： TD colspan=“n”数据22 /TD 表格的一般语法： 总结 2-1 表单的一般语法： 顶部窗口显示广告 top.htm 显示详细内容 main.htm 左侧窗口显示 导航链接 left.htm 谢谢！ 强调表格的几个重要组成部分： 1）行 2）列 3）单元格 4）列标题（一般位于第一行或第一列，粗体显示），可选 5）表格标题，可选 1.先根据效果图：集体提问，表格是多少行多少列？ 回答：肯定是2行3列。 2.讲解代码：TABLE表示….TR表示…TD表示。 3.为了代码的可读性，象C语言写代码一样，为了显示层次关系， 建议学员写HTML代码时保持一定的缩进，如幻灯片的示例代码所示。 4.演示：TG5-Source文件夹中的“简单表格”用例。 讲解要点： 1）表格一般都需要标题，说明表格的内容主题。表格的标题由标签CAPTION设置 设置标题位于表格上方： 　　CAPTION align=top 表格标题 /CAPTION 设置标题位于表格下方： 　　CAPTION align=bottom表格标题/CAPTION 2）同理，表格的第一行或第一列，一般需