块级标签与行内标签总结

目录
一.块级标签
二.行内标签
三.区别
四.展示

一.块级标签：

标题(〈h1〉～〈h6〉）
段落（〈p〉）
水平线（〈hr/〉）
列表（〈ul〉 〈ol〉 〈li〉 〈dl〉 〈dt〉 〈dd〉）
表格（〈table〉）
层（〈div〉）
表单（〈form〉）

二.行内标签

图像（〈img〉）
范围（〈span〉）
换行（〈br/〉）
超链接（〈a〉）

三.区别

1.排列方式不同：行内元素只有当一排全部占满过后才会自动换行，块状元素各占据一行
2.内嵌元素不同：块状元素内部可以包含行内元素和块状元素，而行内元素一定不包含块状元素，只能包含其他行内元素或文本
3.属性设置不同：块状元素无要求，而行内元素部分属性对其无效，例如：width height margin-top padding-top

四.展示

1.代码展示：

2.成品展示：