文章目录
- 块元素的特点
- 块元素清单
block level element.
块级元素想在同一行显示需浮动或者 display:inline。
块元素的特点
-
每个块级元素都是独自占一行,其后的元素也只能另起一行,并不能两个元素共用一行;
-
元素的高度、宽度、行高、顶边距、底边距都是可以设置的;
-
元素的宽度如果不设置的话,默认为父元素的宽度。
块元素清单
元素名称 | 说明 |
---|---|
<p> | 定义段落 |
<ol> | 定义有序的列表 |
<ul> | 定义无序的列表 |
<li> | 标签定义列表项目。<li> 标签可用在有序列表 (<ol>) 、无序列表 (<ul>) 中、目录列表 (<dir>) 中 |
<dl> | 定义了定义列表(definition list)。<dl> 标签用于结合 <dt> (定义列表中的项目)和 <dd> (描述列表中的项目) |
<dt> | 定义列表中的项目 |
<dd> | 描述列表中的项目 |
<dir> | 定义目录列表,结合 <li> 一起使用,<li> 用于定义目录 |
<caption> | 定义表格标题,必须紧随 table 标签之后。您只能对每个表格定义一个标题。通常这个标题会被居中于表格之上。 |
<hr> | 水平分隔线 |
<address> | 定义地址 |
<table> | 标签定义 HTML 表格 |
<tbody> | 标签表格主体(正文) |
<td> | 表格中的标准单元格 |
<tfoot> | 定义表格的页脚(脚注或表注) |
<th> | 定义表头单元格 |
<thead> | 标签定义表格的表头 |
<tr> | 定义表格中的行 |
<blockquote> | 定义块引用,<blockquote> 与 </blockquote> 之间的所有文本都会从常规文本中分离出来,经常会在左、右两边进行缩进(增加外边距),而且有时会使用斜体。也就是说,块引用拥有它们自己的空间 |
<center> | 对其所包括的文本进行水平居中。不赞成使用 |
<fieldset> | 组合表单中的相关元素,fieldset 元素可将表单内的相关元素分组。当一组表单元素放到 <fieldset> 标签内时,浏览器会以特殊方式来显示它们,它们可能有特殊的边界、3D 效果,或者甚至可创建一个子表单来处理这些元素 |
<legend> | 组合表单中的相关元素,经常的用法是放在<fieldset> 下面,为 <fieldset> 元素定义标题(caption) |
<form> | 用于为用户输入创建 HTML 表单。表单用于向服务器传输数据。 |
<noframes> | 为那些不支持框架的浏览器显示文本,于 <frameset> 元素内部;<frames> 可选内容,对于不支持 <frame> 的浏览器显示此区块内容 |
<noscript> | 定义在脚本未被执行时的替代内容;可选脚本内容(对于不支持script的浏览器显示此内容) |
<pre> | 可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。一个常见应用就是用来表示计算机的源代码。 |
<marquee> | 滚动文本,已经废弃 |
<h1> | 大标题 |
<h2> | 副标题 |
<h3> | 3级标题 |
<h4> | 4级标题 |
<h5> | 5级标题 |
<h6> | 6级标题 |