分区标签<div>

来源：互联网发布：mac上好用的课程表编辑：程序博客网时间：2024/06/07 19:06


<html>
<head>
<meta http-equiv="Content-Type" content=text/html; charset=gb2312" />
<title>div标签的使用</title>
</head>
<body>
<div style="background:#9ff; width:500px; height:300px">
<p>div内可包括标题、段落、无序列表、有序列表、定义列表、表格、表单等内容</p>
<h3>新人上路</h3>
<ul>
<li>如何激活账号</li>
<li>如何注册会员</li>
<li>贵美认证</li>
</ul>
div其实就是一个划分逻辑区域的标签，常用作容器，div还可以包括普通的文字，图片等内容。
</div>
</body>
</html>

div标签的使用效果：

div内可包括标题、段落、无序列表、有序列表、定义列表、表格、表单等内容

新人上路

如何激活账号
如何注册会员
贵美认证

div其实就是一个划分逻辑区域的标签，常用作容器，div还可以包括普通的文字，图片等内容。

总结：

在实际开发中，常使用<div>进行分区，ul-li或ol-li实现无序或有序的项目列表，dl-dt-dd实现图文混编，table-tr-td实现规整数据的显示。由此，在页面布局中，形成了如下四种常用的卖结构。

div-ul(ol)-li:常用于分类导航或菜单等场合。
div-dl-dt-dd:常用于图文混编场合。
table-tr-td:常用于规整数据的显示场合。
form-table-tr-td:常用于表单布局的场合。

0 0