给div命名，使逻辑更加清晰

我们把一些标签放进<div>里，划分出一个独立的逻辑部分。为了使逻辑更加清晰，我们可以为这一个独立的逻辑部分设置一个名称，用id属性来为<div>提供唯一的名称，这个就像我们每个人都有一个身份证号，这个身份证号是唯一标识我们的身份的，也是必须唯一的。

如下两图进行比较，如果设计师把两个图给你，哪个图你看上去能更快的理解呢？是不是右边的那幅图呢。

语法：

<div  id="版块名称">…</div>

任务

我来试试：给网页的独立的版块添加“标记”

1、在右部编辑器中的第8行修改<div>代码为<div id="hotList">。

2、在右部编辑器中的第16行修改<div>代码为<div id="learningInstructed">。

附图：