HTML行内元素与块级元素

块级元素

默认情况下，块级元素会新起一行

块级元素的特点

（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）高度，行高、外边距以及内边距都可以控制。