HTML 标签分类

标签分类

1. 块级元素{block}
2. 行内元素{inline}
3. 行级块元素（也称块级行元素）{inline-block}

块级元素

1. 可以设置宽高、内、外边距；
2. 独占一行（即前后均有换行）；
3. 块级元素如果不设置宽度和高度，则宽度默认为父级元素的宽度。高度则根据内容大小自动填充。

常见的块级元素:
div、p、h1、h2…hn，ol、ul、dl、li、form、table

行内元素

1. 不可设置宽高、上下内、外边距。（左右内、外边距设置有效）
2. 其宽度和高度由其内容自动填充。
3. 其他行级元素共处一行；

常见的行级元素：
a、span、i、lable等

行内块元素

1. 可以设置宽高、内外边距；
2. 可以与其他行内元素、内联元素共处一行；

常见的内联元素：
input、img等

元素之间的转化

• 可以在行内样式或css样式中改变元素的display将三种元素进行转换。
• display:block；(将元素变为块级元素)
• display:inline； (将元素变为行级元素)
• display：inline-block；（将元素变为行级块元素）

扩展：

• 目前为止 HTML 所有标签 https://www.w3school.com.cn/tags/index.asp

HTML这块知识比较简单(主要很多工作使用js和css可以更熟练地解决问题)，把握一下各类元素特点即可，再整理一下事件和属性就可以了，再往后就是HTML5的内容会丰富一些。