前端开发,分类记忆HTML标签

HTML(超文本标记语言)是每个前端开发人员必会的语言,因为网页中的所有内容都要写在标签里。标签是组成HTML网页的基本元素,所以记住和理解标签的特性在学习中就比较重要了。

标签的基本分类:

粗略的划分的话,HTML可以分为闭合标签和空标签,而HTML大部分标签为闭合标签,如,

,少部分为空标签,如,等

HTML标签还有另一种分类方法。按照标签的位置特性来划分的。把标签分为三类:块级元素,行内元素,行级块元素(也称块级行元素)。

1.块级元素

(1)可以设置宽高、内、外边距;

(2)独占一行(即前后均有换行);

(3)块级元素如果不设置宽度和高度,则宽度默认为父级元素的宽度。高度则根据内容大小自动填充。

常见的块级元素: div、p、h1、h2、ul、table

2.行级元素(inline)

特点: (1)不可设置宽高、上下内、外边距。(左右内、外边距设置有效)

(2)其宽度和高度由其内容自动填充。

(2)其他行级元素共处一行 ;

常见的行级元素:a、span等

3.行内块元素(inline-block)

特点:(1)可以设置宽高、内外边距;

(2)可以与其他行内元素、内联元素共处一行;

常见的内联元素:input、img

4.元素之间的转化

可以在行内样式或css样式表中设置元素的display属性将三种元素进行转换。

display:block;(将元素变为块级元素)

display:inline; (将元素变为行级元素)

display:inline-block;(将元素变为行级块元素)

如果你对前端感兴趣,请点击关注,和大家共同分享前端那些事儿。

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20190124A0B7X700?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。

扫码关注云+社区

领取腾讯云代金券