【HTML】常见的块元素，行内元素，行内块元素有哪些？

1.块元素

特点：

  (1)   总是从新行上开始，即独占一行
（2）可以对它设置宽高和内外边距，默认是它容器（父级元素）的100%
（4）可以容纳其他块级元素和行内元素（内联元素）

常见的块级元素有

* address - 地址

* blockquote - 块引用

* center - 居中对齐块

* dir - 目录列表

* div - 常用块级容易，也是 css layout 的主要标签

* dl - 定义列表

* fieldset - form控制组

* form - 交互表单

* h1 - h5 - 标题1-6

* hr - 水平分隔线

* isindex - input prompt

* menu - 菜单列表

* noframes - frames可选内容，（对于不支持 frame 的浏览器显示此区块内容

* noscript - ）可选脚本内容（对于不支持 script 的浏览器显示此内容）

* ol - 排序表单

* p - 段落

* pre - 格式化文本

* table - 表格

* ul - 非排序列表

2.行内元素

特点：

(1)无法自动换行，会和相邻的行内元素排成一行。
(2)设置宽、高无效，默认宽高是其自身内容的宽高。
(3)只能设置水平方向的内外边距。
(4)只能容纳其他行内元素和文本。
(5)行内元素的paddding可以设置,margin只能够设置水平方向的边距

常见的行内元素有

* a - 锚点

* abbr - 缩写

* acronym - 首字

* b - 粗体 ( 不推荐 )

* bdo - bidi override

* big - 大字体

* br - 换行

* cite - 引用

* code - 计算机代码 ( 在引用源码的时候需要 )

* dfn - 定义字段

* em - 强调

* font - 字体设定 ( 不推荐 )

* i - 斜体

* img - 图片

* input - 输入框

* kbd - 定义键盘文本

* label - 表格标签

* q - 短引用

* s - 中划线 ( 不推荐 )

* samp - 定义范例计算机代码

* select - 项目选择

* small - 小字体文本

* span - 常用内联容器，定义文本内区块

* strike - 中划线

* strong - 粗体强调

* sub - 下标

* sup - 上标

* textarea - 多行文本输入框

* tt - 电传文本

* u - 下划线

* var - 定义变量

3.行内块元素

特点：综合了块级元素和行内元素的特点

（1）和相邻行内块级元素在同一行。
（2）可以设置宽、高、行高、内外边距。
  (3 )   默认宽、高为其内容的宽、高。

 常见的有

<br/> //换行

<hr> //分隔线

<input> //文本框等

<img> //图片

<td> //单元格

 

总结的有点多，背就完事了！🐛🐛🐛