我们平常所用的标签有很多,比如div、span 、a等等。那么这么多的标签我们肯定也是可以把它们分类的。
1.单双标签
双标签有p、a、div、dl、dt、dd、span等;
单标签有hr、img、input、link等
2.行内标签和块标签
行内标签有a、span、input、i、strong、b。
块标签有div、p、dl、dt、h1-h6;
给大家来小小的介绍一下什么叫单双标签,
单标签:顾名思义是单着的,比如我们来举个例子,img input,他们的写法都是<img /> <input/>
双标签:就是一对,比如<p></p> <div></div> <span></span>
下面是我们的块标签和行内标签,一般我们也叫行内元素和块元素,我们来分别解释。
行内元素:所谓行,就是说我们写了这个元素,它在页面中是没有宽高的,他的占位是根据自己的内容来决定的,比如说(i)行内(i),那么这个i标签的宽度就为两个汉字这么宽,如果再加一个字,就变成三个汉字那么宽,同理,高度也是一样的。
块元素:这个呢和行内元素完全相反,它有自己的宽高,会占据位置,在页面上是占据一整行的宽度,除非我们手动为它设置宽度。
那么我们的行内元素也是可以给它转换为块元素的,要用我们的display的属性,display:block,相反,块元素也可转换为行内元素,display:inline。
这就是我们要分享的标签,一切不能直视看看,一定要动手自己敲敲,熟能生巧,千万不能手高眼低。
display它还有很多的属性,大家可以自己试试,我们以后再一一说。