北大青鸟：《HTML—JavaScript》课程电子教案（PPT教学课件）第五章 使用表格和表单

北大青鸟 APTECH 第五章 使用表格和表单 910 ACCP V4.0

ACCP V4.0 使用表格和表单 第五章

北大青鸟 7E 顾 口自动刷新功能应使用哪个HTML标签? 口标签区分大小写吗? 口段落标签和换行标签有什么区别? 口字符标签有哪些常用属性? 口使用图片标签显示图片qjpg,如何写HTML代 码? 口写HTML代码时,空格用什么表示? 口显示如下所示的列表,如何写HTML代码: 您认为乔丹的血型是? A.A型 B.B型 C以上都不对 口显示如下所示的超链接,如何写HTML代码 请查看 Microsoft微软中国 ACCP V4.0

ACCP V4.0 2 回顾 ❑ 自动刷新功能应使用哪个HTML标签？ ❑ 标签区分大小写吗？ ❑ 段落标签和换行标签有什么区别？ ❑ 字符标签有哪些常用属性？ ❑ 使用图片标签显示图片q.jpg，如何写HTML代 码? ❑写HTML代码时，空格用什么表示？ ❑ 显示如下所示的列表，如何写HTML代码： 您认为乔丹的血型是？ A. A型 B. B型 C 以上都不对 ❑ 显示如下所示的超链接，如何写HTML代码： 请查看Microsoft微软中国

北大青 7E 男 目标 口用HTML代码创建表格 口创建表单 口使用框架 ACCP V4.0

ACCP V4.0 3 ❑用 HTML 代码创建表格 ❑创建表单 ❑使用框架 目标

北大青 7E 男 表格 表格标题 一列标题 单元格 行 在HTML文档中,广泛使用表格来存放网页上的文本和图像 ACCP V4.0

ACCP V4.0 4 表格 行 列 列标题 在 HTML 文档中，广泛使用表格来存放网页上的文本和图像 单元格 表格标题

北大青 7E 男 创建表格 使用表格 Robert M 80 /HEAD> Mary F 18 代表表格的开始, border=2表示 边框尺寸为2 姓名 性别 表示行,这是表格的第一行,有三列 分数 数据,代表列 Robert M 80 表格的第二行,有三列数据 表格的第三行,也有三列数据 ACCP V4.0

ACCP V4.0 5 使用表格 姓名 性别 分数 Robert M 80 ....... 创建表格 代表表格的开始，border=2表示 边框尺寸为2 表示行，这是表格的第一行，有三列 数据，代表列 表格的第二行，有三列数据 表格的第三行，也有三列数据

北大青 7E 男 表格的标题 学员档案信息 姓名性别分数 Robert M 80 Mary F18 学员档案信息 表示表格标题 姓名 性别 分数 表示行或列标题,粗体显示 Robert 80 表格的第二行,有三列数据 表格的第三行,有三列数据 ACCP V4.0

ACCP V4.0 6 学员档案信息 姓名 性别 分数 Robert M 80 ....... 表格的标题 表示表格标题 表示行或列标题，粗体显示 表格的第二行，有三列数据 表格的第三行，有三列数据

北大青 7E 男 表格的对齐方式 整个表格居中 学员档案信息 学员档案信息姓名列默认左对齐 Robert M 姓名性别 分数 Robert M80分数列右对齐 ACCP V4.0

ACCP V4.0 7 学员档案信息 姓名 性别 分数 Robert M 80 ....... 表格的对齐方式 整个表格居中 姓名列默认左对齐 性别列居中 分数列右对齐

第一学期 第二学期 创建表格 数学 第一学期第二学期 科学 隞学科学英语数学科学英语 英语 989580958788 数学 科学 英语 COLSPAN=“n”属性表示 98 跨多少列 95 80 95 87 88 ACCP V4.0

ACCP V4.0 8 合并单元格(跨列) 创建表格 第一学期 第二学期 数学 科学 英语 数学 科学 英语 98 95 80 95 87 88 .... COLSPAN=“n” 属性表示 跨多少列

并单元格(跨行) 创建表格 创建表格 螺母螺栓锤子 螺母 一月2500100240 螺栓 锤子 第一季度[月1300500 月32010020 第一李度 一月 2500 ROWSPAN=“n”属性表示 1000 1240 跨多少行 二月 3000 2500 4000 ACCP V4.0

ACCP V4.0 9 合并单元格(跨行) 创建表格 螺母 螺栓 锤子 第一季度 一月 2500 1000 1240 二月 3000 2500 4000 ..... ROWSPAN=“n” 属性表示 跨多少行

其号表格的背景色和尺寸设置 CAPTION align=p>学员档案信息 姓名 姓名性别分数 性别 Robert M 80 分数 Mary 18 Robert TD align="P表格的尺寸设置: TDan"G表示一个长为201像素,宽为100像素的表格。 十六进 表示一个宽为窗口的20%,高为窗口的10%的表格。 10 ACCP V4.0

ACCP V4.0 10 学员档案信息 姓名 性别 分数 Robert M 80 Mary F 18 表格的背景色和尺寸设置 表格的颜色设置： 表格的背景色 行的背景色 列的背景色 颜色值可以采用 RGB（red/green/blue）红绿蓝十六进 制值表示，如红色#FF0000, 或是一些预定义色彩名称：red ，blue，yellow等。 表格的尺寸设置： 例如： 表示一个长为200像素，宽为100像素的表格。 表示一个宽为窗口的20%，高为窗口的10%的表格。 18 80 分数 F M 性别 Mary Robert 姓名 学员档案信息