码迷,mamicode.com
首页 > 其他好文 > 详细

块级标签

时间:2016-06-19 21:29:59      阅读:237      评论:0      收藏:0      [点我收藏+]

标签:

特点:

1、前后断行显示,默认状态下占据一整行

2、具有一定的宽度和高度,可以通过设置块级标签的width、height属性来控制

3、块级标签常用作容器,即可以再“容纳”其他块级标签或行级标签

     行级标签一般用于组织内容,即只能用于“容纳”文字、图片或其他行级标签

 

区分:页面布局角度

(1、基本的块级标签

     1)、标题标签<h1>~<h6>

     2)、段落标签<p>    自动换行

     3)、水平线标签<hr/>  

(2、常用于布局的块级标签

     1)、有序列表标签<ol>-<li>

     2)、无序列表标签<ul>-<li>

     3)、定义列表标签<dl>-<dt>-<dd>

     4)、表格标签<table>-<tr>-<td>

    5)、表单标签<form>-<input>

    6)、分区标签<div>

 

 

总结:常用的块标签

 

1)、div-ul(ol)-li:常用于分类导航或菜单等场合

 

2)、div-dl-dt-dd:常用于图文混编的场合

 

3)、table-tr-td::常用于图文布局或显示数据

 

4)、form-table-tr-td:常用于布局表单

 

块级标签

标签:

原文地址:http://www.cnblogs.com/yan0802/p/5598745.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!