任务目标

利用HTML标签制作新云课堂课程说明页面部分。

任务要求

(1) 使用p或div标签作为段落，将内容分为两段：标题信息和图文内容。

(2) 字体大小样式使用默认设置即可，其中图片宽度为500像素。

(3) 完成课程说明页面内容后，将之前的通用页头，页尾内容在当前页中，合并为一个完整页面。

效果如下图：

任务实施

（1）使用section标签作为课程说明页面的内容包裹层。

（2）使用hr标签进行区域划分。

（3）使用标题标签、段落标签、图像标签、超链接标签等填写对应的文字文本、a标签链接、图片内容。

（4）将图片素材放置当前项目的src/images文件夹下，并设定img标签的src属性。

教学微课

教学课件

经验分享

在HTML属性中进行图片宽高设定是没有单位的，默认单位即为像素。其次图片的大小如果不进行设定，会自动根据图片实际大小所自动适应，这就有可能造成网页布局已经确定的情况下，由于管理人员或用户提供了非预期大小的图片，导致页面版型出现变化的问题。所以如果使用img标签进行图片显示，当图片大小不能确定时，为了防止上述问题，一定要手动指定图片的合理宽高。

能量贴士

“人谁无过?过而能改，善莫大焉”是说: 谁能没有过失呢?有了过失而能够改正，那就没有比这再好的了。语出《左传·宣公二年》。