HTML中的标签(块,内联,内敛块)

HTML常用的标签速记

仅代表我个人的关键,仁者见仁,感谢阅读,下面直接进入正题:

常用的块级标签

h1-h6,ul(ol),p,div,dl,form 等等 (其他的我就没记,像h5中的 section,article,nav,header,footer这些也都是块标签)

常用的内联标签

a，span,strong(b)，em(i)等

常用的内联块标签

img,input等

在html元素中，元素会有display属性。 display属性默认值是block，那么该元素是块级元素。 display属性默认值是inline，那么该元素是内联元素。 没有元素的display默认值是inline-block。 display属性值可以被设置，比如可以把块级元素div的display的值设成inline，那么它就变成了内联元素，不再独行显示。
块级： block
内联： inline
内联块级： inline-block

1.块级元素

• 独占一行。

• 可设置width，height，margin，padding。

• 内部可包含块级或内联元素。

---

2.内联元素

• 和其他inline元素同行显示。

• 设置widht，height，margin-top，margin-bottom，padding-top，padding-bottom无效，可以设置margin-left，margin-righ，padding-left，padding-right。

• 内部可包含块级或内联元素，内部包含块级元素时，该块级元素继续保持独行显示，下一个内联元素会换行显示。

3.inline-block

• 和其他inline元素同行显示。

• 和块级元素一样可设置width，height，margin，padding。

• 内部可包含块级或内联元素，内部包含块级元素时，该块级元素会在内联元素的内部独行显示，不会影响下一个内联元素的同行显示。

感谢阅读,如有不对,欢迎探讨学习,谢谢!