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

html标签的分类

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

        1.块级标签

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


块级元素

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

         2.行内标签

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

行内元素

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

         3.行内块标签

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

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 27,736评论 1 45
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,806评论 1 92
  • HTML基础 本文包括 HTML基本知识与结构 HTML常见标签 标签写法与嵌套的讨论 HTML、CSS、java...
    廖少少阅读 2,129评论 2 21
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,415评论 25 708
  • 由于一个偶像,开始一部电影, 由于几句台词,引发些许感悟! 方木,影片中的主人公,擅长心理分析的...
    LY冰千仪阅读 469评论 0 1