HTML标签分类

HTML有N多标签,根据显示的类型,主要可以分为3大类

  • 块级标签:
    • 独占一行的标签
    • 能随时设置宽度和高度(比如div、p、h1、h2、ul、li)
<style>
        div{
            background-color: red;
            width: 200px;
            height: 50px;
        }

        p{
            background-color: yellow;
            width: 200px;
            height: 50px;
        }
    </style>
  • 行内标签(内联标签)
    • 多个行内标签能同时显示在一行
    • 宽度和高度取决于内容的尺寸(比如span、a、label)
<span>222222222</span><br>
    <span>222222222</span><br>
    <span>222222222</span>
  • 行内-块级标签(内联-块级标签)
    • 多个行内-块级标签可以显示在同一行
    • 能随时设置宽度和高度(比如input、button)
input{
            width: 200px;
            height: 300px;
        }

虽然HTML当中提供了这三种类型的标签,但是开发当中只有这三种类型是远远不够的,比如我们希望同一行当中可以显示多个div标签,那怎么办呢,这个时候我们就需要用到CSS修改标签的显示类型:

CSS中有个display属性,能修改标签的显示类型,共有四种类型:

  • none:隐藏标签
  • block:让标签变为块级标签
  • inline:让标签变为行内标签
  • inline-block:让标签变为行内-块级标签(内联-块级标签)

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

扫码关注云+社区

领取腾讯云代金券

年度创作总结 领取年终奖励