UPUPD技术论坛

标题: 【HTML基础】-3.3-认识div在排版中的作用 [打印本页]
作者: 洛尘    时间: 2015-10-14 08:53
标题: 【HTML基础】-3.3-认识div在排版中的作用
在网页制作的过程中，可以把一些独立的逻辑部分划分出来，放在一个<div>标签中，这个<div>标签的作用就相当于一个容器。

语法：

<div>划分出来的内容在这里</div>

任务：在下面的HTML代码中使用div标签划分出独立的逻辑部分。

这个任务的答案可以有很多种，因为个人有个人的划分方式，不过看一看谁划分的更加的合理简洁。

  1. <html>
  2.                 <head>
  3.                         <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
  4.                         <title>div标签</title>
  5.                 </head>
  6.                 <body>
  7.                     <h2>热门课程排行榜</h2>
  8.                     <ul>
  9.                         <li>前端开发面试心法 </li>
  10.                         <li>零基础学习html</li>
  11.                         <li>javascript全攻略</li>
  12.                     </ul>
  13.                     <h2>最新课程排行</h2>
  14.                     <ol>
  15.                         <li>版本管理工具介绍—Git篇 </li>
  16.                         <li>Canvas绘图详解</li>
  17.                         <li>QQ5.0侧滑菜单</li>
  18.                     </ol>
  19.                 </body>
  20.                 </html>
复制代码






欢迎光临 UPUPD技术论坛 (http://bbs.upupd.com/) Powered by Discuz! X3.2