在网页制作的过程中,可以把一些独立的逻辑部分划分出来,放在一个<div>标签中,这个<div>标签的作用就相当于一个容器。
语法:
<div>划分出来的内容在这里</div>
任务:在下面的HTML代码中使用div标签划分出独立的逻辑部分。
这个任务的答案可以有很多种,因为个人有个人的划分方式,不过看一看谁划分的更加的合理简洁。
- <html>
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
- <title>div标签</title>
- </head>
- <body>
- <h2>热门课程排行榜</h2>
- <ul>
- <li>前端开发面试心法 </li>
- <li>零基础学习html</li>
- <li>javascript全攻略</li>
- </ul>
- <h2>最新课程排行</h2>
- <ol>
- <li>版本管理工具介绍—Git篇 </li>
- <li>Canvas绘图详解</li>
- <li>QQ5.0侧滑菜单</li>
- </ol>
- </body>
- </html>
复制代码
|
|
|
|
|
共 0 个关于本帖的回复 最后回复于 2015-10-14 08:53