UPUPD技术论坛
标题:
【HTML基础】-3.4- 给div命名,使逻辑更加清晰
[打印本页]
作者:
洛尘
时间:
2015-10-14 09:02
标题:
【HTML基础】-3.4- 给div命名,使逻辑更加清晰
在上一小节中,我们把一些标签放到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>
复制代码
欢迎光临 UPUPD技术论坛 (http://bbs.upupd.com/)
Powered by Discuz! X3.2