块级元素
默认情况下,块级元素会新起一行
块级元素的特点
(1)总是从新行开始
(2)高度,行高、外边距以及内边距都可以控制
(3)宽度默认是容器的100%
(4)可以容纳内联元素和其他块元素
以下是 HTML 中所有的块级元素列表
块级元素名称 | 含义 |
---|---|
address | 联系方式信息 |
article | 文章内容 |
aside | 伴随内容 |
audio | 音频播放 |
blockquote | 块引用 |
canvas | 绘制图形 |
dd | 定义列表中定义条目描述 |
div | 文档分区 |
dl | 定义列表 |
fieldset | 表单元素分组 |
figcaption | 图文信息组标题 |
figure | 图文信息组 (参照 figcaption) |
footer | 区段尾或页尾 |
form | 表单 |
h1, h2, h3, h4, h5, h6 | 标题级别 1-6. |
header | 区段头或页头 |
hgroup | 标题组。 |
hr | 水平分割线 |
noscript | 不支持脚本或禁用脚本时显示的内容 |
ol | 有序列表 |
output | 表单输出 |
p | 行 |
pre | 预格式化文本 |
section | 一个页面区段 |
table | 表格 |
tfoot | 表脚注 |
ul | 无序列表 |
video | 视频 |
行内元素
行内元素的特点:
(1)和相邻行内元素在一行上。
(2)高、宽无效,但水平方向的padding和margin可以设置,垂直方向的无效。
(3)默认宽度就是它本身内容的宽度。
(4)行内元素只能容纳文本或则其他行内元素。(a特殊 a里面可以放块级元素 )
默认情况下,行内元素不会以新行开始,而块级元素会新起一行
一般情况下,行内元素只能包含数据和其他行内元素。而块级元素可以包含行内元素和其他块级元素。这种结构上的包含继承区别可以使块级元素创建比行内元素更”大型“的结构
下面的元素都是行内元素:
- b, big, i, small, tt
- abbr, acronym, cite, code, dfn, em, kbd, strong, samp, var
- a, bdo, br, img, map, object, q, script, span, sub, sup
- button, input, label, select, textarea
在行内元素中有几个特殊的标签——img 、input 、td,可以对它们设置宽高和对齐属性,也称它们为行内块元素。
行内块元素的特点:
(1)和相邻行内元素(行内块)在一行上,但是之间会有空白缝隙。
(2)默认宽度就是它本身内容的宽度。
(3)高度,行高、外边距以及内边距都可以控制。