在上一小节中,我们把一些标签放到div层里,用来划分出一个独立的逻辑部分。
为了使逻辑更加的清晰,我们可以为这一个独立的逻辑部分设置一个名称,用id属性来为<div>提供唯一的名称,这个就像我们每个人都有一本身份证号码,这个身份证号码是唯一标识我们身份的,也是必须唯一的。
语法:
<div id="名称">...</div>
任务:
在下面的代码中为<div>标签命名一个名称为hotlist。
- <html>
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <title>div标签</title>
- </head>
- <body>
- <div>
- <h2>热门课程排行榜</h2>
- <ul>
- <li>前端开发面试心法 </li>
- <li>零基础学习html</li>
- <li>javascript全攻略</li>
- </ul>
- </div>
- <div>
- <h2>web前端开发导学课程</h2>
- <ul>
- <li>网页专业名词大扫盲 </li>
- <li>网站职位定位指南</li>
- <li>为您解密Yahoo网站制作流程</li>
- </ul>
- </div>
- </body>
- </html>
复制代码
|
|
|
|
|
共 0 个关于本帖的回复 最后回复于 2015-10-14 09:02