任务目标

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

任务要求

   使用HTML5基础标签制作“新云课堂”页面通用头部。

（1）使用div标签作为段落，将内容分为3段：网站标题，导航链接，登录、注册。

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

效果如下图：

任务实施

(1) 使用<header></header>标签作为页面通用尾部的内容包裹层。

(2) 使用<div></div>作为每行的划分，并在该标签的内容中填写对应的文字文本、a标签链接、图片内容。

（3）使用nav来作为导航部分的包裹层。

教学微课

教学课件

经验分享

a标签的包裹能力很强大，a标签可以包裹任何包括body标签在内的任何标签，包裹之后并给href属性设定有效的网址，则使用鼠标有效地点击被包裹的元素及其子元素所在区域，皆可以触发链接跳转。

但是注意a标签的包裹会产一个缺陷，会导致文本样式不会向下继承。

能量贴士

“君子务本，本立而道生”是说: 君子致力于抓住做人的根本，根本既立，自然就能把握为人处世的道理。语出《论语·学而》。