html表单制作教案,【网页设计教案】HTML中表格的制作.doc

您所在位置：网站首页 > 海量文档

&nbsp>&nbsp计算机&nbsp>&nbsp网页设计/UI

【网页设计教案】HTML中表格的制作.doc6页

本文档一共被下载：次,您可全文免费在线阅读后下载本文档。

下载提示

1.本站不保证该用户上传的文档完整性，不预览、不比对内容而直接下载产生的反悔问题本站不予受理。

2.该文档所得收入(下载+内容+预览三)归上传者、原创者。

3.登录后可充值，立即自动返金币，充值渠道很便利

教学项目十二 HTML中表格的制作

【教学内容】

讲解HTML中制作表格的标志

【教学目的】

使学生掌握简单表格的制作

【教学重点】

表格中单元格的合并操作

【教学难点】

理解属性rowspan与colspan的含义

【教学方式】

案例分析式、项目教学

【教学参考】

1．<> 杨浩著 清华大学出版社

2．<> Wittime工作室 重庆出版社

3．<> 电脑报社出版

4．HTML网页制作教程 材义语编著 铁道出版社

5、HTML基础与实例 程耀编著 电子工业出版社

【新课】

表格基本标志

(1)

(2)

(3)

(4)

用来创建一个表格框架创建表格的一行创建表格一行中的一个单元格

它们的对应关系如下:

第一行第一列

第一行第二列

第一行第三列

第一行第四列

用于定义表格头

在网页中制作表格:

表格制作 表格例子

		F
F	F
	F	F

二、

标志中配合使用的属性

1. border 设置表格边框的宽度

bgcolor 设置表格背景颜色

3. background 设置表格背景图片

4. width 设置表格宽度

5. height 设置表格高度

6. cellspacing 设置表格内框线宽度

7. cellpadding 设置表格内文字与表格边框线的间距

8. align 设置表格水平对齐方式

9. valign 设置表格垂直对齐方式

10.bordercolor 设置表格边框颜色

11.bordercolorlight 设置表格明亮边框颜色

12.bordercolordark 设置表格暗边框颜色

例二、制作乘法口诀表

表格制作 乘法口诀表

cellpadding=10 bordercolor=#ff0000 bordercolordark=#00ff00>

6×6=36   6×7=427×7=49  6×8=487×8=568×8=64 6×9=547×9=638×9=729×9=81

表格标题的设定

语法：

标题

说明：

valign=top 标题置于表格上方

valign=bottom 标题置于表格下方

align=left 居左

align=right 居右

al

发表评论

请自觉遵守互联网相关的政策法规，严禁发布色情、暴力、反动的言论。

用户名:

验证码:

匿名?

发表评论