在网页制作的过程中,可以把一些独立的逻辑部分划分出来,放在一个<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