任务目标

利用HTML表格制作课程资料表格整体

任务要求

(1) 按照图片内容，使用表格制作课程资料表格整体，设定边框宽度为1。

(2) 使用caption元素制作表格标题。

(3) 使用tr 、td、 th构成5行3列的表格主体

(4) 名称，类型，获取文字加粗，水平居中

(5) 下载与跳转使用链接实现

效果如下图：

任务实施

（1）划分表格结构为表格标题、表格头部、表格主体3部分。

（2）完成标题内容。

（3）在表格头部使用tr、th标签完成单行3列的单元格排列。

（4）在表格主体使用tr、td标签完成4行3列的单元格排列。

（5）依次进行对应单元格跨列合并，并删除多余单元格。

教学微课

教学课件

经验分享

关于浏览器的兼容性或者功能支持情况去查阅各种浏览器厂商提供的开发日志固然是最准确的，但是过于繁琐，极不便利。这里推荐一个网站:www.caniuse.com。功能如其域名所述，询问该网站关于要查找内容的关键字，即可得到准确和较新支持测试结果，方便我们在不同浏览器兼容问题上找到问题所在。其中绿色表示支持；绿色框中如有黄色上标，表示有部分特性；墨绿色表示部分支持；红色则表示不支持。

能量贴士

“君子谋道不谋食。耕也，馁在其中矣；学也，禄在其中矣。君子忧道不忧贫”是说: 一个真正有学问,以天下国家为己任的君子,只忧道之不行,不考虑生活的问题;比如耕种田地,只问耕耘不问收获.只忧虑自己的为人,并不担心是否贫穷。语出《论语·卫灵公》。