2021-07-17

HTML基础学习第一节:元素类型

HTML中一般将元素分类为三种，分别为行内元素、块状元素、行内块状元素。
通常，行内元素只能包括数据和其他行内元素，
而块级元素包含行内元素和其他块级元素，
这种结构上的包含继承区别可以使块级元素创建比行内元素更大型的结构。

任何HTML元素都有其默认的display属性，大多数都是行内元素（inline）或块级元素（block）。行内元素只占据它对应标签的边框所包含的空间，而块级元素占据其父元素（容器）的整个空间，因此创建了一个块。

display属性能够将三者任意转换。
（1）display:inline；转换为行内元素
（2）display:block；转换为块级元素
（3）display:inline-block；转换为行内块状元素

1. 块状元素的特点：
   块状元素会独自占据一整行或者多行，可以任意设置尺寸，总是从新的一行开始。块状元素可以包括块级元素和行内元素。
   常用的块状元素有:div、p、h1…h6、ol、ul、dl、table、address、blockquote、form等等
   2.行内元素的特点：
   行内元素不占有独立区域，其大小仅仅被动的依赖于自身内容的大小（例如文字和图片）所以一般不能随意设置其宽高，对齐等属性，通常使用行内元素进行文字、小图标的搭建。
   常用的行内元素有：a、span、br、i、em、strong、label、q、var、cite、code等等
   3.行内块级元素的特点：
   常用的行内块级元素有img、input、td，可以设置宽高、对齐属性，把这样特殊的一类标签成为行内块元素。