html基础知识2-什么是块级、行内、行内块标签

html标签的分类

        上面我在html基础知识-简介一节中主要介绍了html的简介和标签,本节主要是介绍html的布局特性分类;主要把分为三种:

        1.块级标签

什么是块级元素?官方解释是:单独占据一整行的标签,对高度、宽度、行高以及顶和底边距都可设置的属性值生效;如果不给宽度,块级元素就默认为浏览器的宽度,即就是100%宽;,如图


html基础知识2-什么是块级、行内、行内块标签_第1张图片
块级元素

我们可以看到这个是网页中显示的效果,div 和p都是块级标签;很显然,它在浏览器中的显示是单独占据一行;块级标签有这些:div p ul li table td th h1-h6....

         2.行内标签

什么是行内元素?可以多个标签存在一行,不能直接设置行内标签的高度、宽度、行高以及顶和底边距,完全靠内容撑开宽高;如图:

html基础知识2-什么是块级、行内、行内块标签_第2张图片
行内元素

浏览器中使用的是span 和 a标签,两个显示在同一行;类似这样的行内标签主要有:a、span、em、strong、b、i、u、label、br...

         3.行内块标签

其实行内标签大多数情况下,很多人把他划分到行内标签,我把它单独提取出来;它具备行内和块级元素的特性;这里我不在解释,记住就可以了,例如:input   img..

        注意:以上的标签都有各自的特性,比如默认情况下,块级标签可以设置高宽,行内标签不可以等等;这些特性会影响到布局的结果;

你可能感兴趣的:(html基础知识2-什么是块级、行内、行内块标签)