任务目标

利用HTML标签制作新云课堂网站页面通用尾部内容部分。

任务要求

使用HTML 5基础标签制作“新云课堂”页面通用尾部内容。

（1）使用p标签作为段落，将内容分为3段：公司信息、标志（Logo）、版权说明。

（2）公司信息段落中使用br标签换行，使用超链接设定联系电话与详细邮箱。

（3）字体大小样式使用默认设置即可。

效果如下图：

任务实施

（1）使用footer标签作为页面通用尾部的内容包裹层。

（2）使用p标签进行每行的划分，并在该标签的内容中填写对应的文字文本、a标签链接、图片内容。

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

（4）使用实体字符完成版权符号。

教学微课

教学课件

经验分享

尽可能少的使用无语义的标签div和span。

在语义不明显时，既可以使用div标签或者p标签时，尽量用p标签，因为p标签在默认情况下有上下间距，对兼容特殊终端有利需要强调的文本，可以包含在strong或者em标签中，每个input标签对应的说明文本都需要使用label标签，并且为input设置id属性。

能量贴士

“满招损，谦受益”，意谓自满招致损失，谦虚得到益处。语出《大禹谟》。