标签的分类

最新推荐文章于 2022-06-19 22:15:33 发布

原创最新推荐文章于 2022-06-19 22:15:33 发布 · 1.7k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#css #html5 #html

本文深入讲解了HTML中的三种标签类型：行内标签、行内块标签和块级标签的特点及用法。行内标签如span、em等不独占一行且无法设置宽高；行内块标签如img可设置宽高但不独占一行；块级标签如div、p等独占一行并可设置宽高。

三种标签

在HTML中，分为三种标签，分别为：行内标签；行内块标签；和块级标签。

行内标签

<!--  
            行内标签：不独占一行 不可以设置宽高 span em strong a
        -->
        <!-- <span>
            我是span标签
        </span>
        <em>
            我是em标签
        </em>
        <strong>
            我是strong标签
        </strong>
        <a href="#">我是超链接</a>
     -->

行内标签：不独占一行，不可以设置宽高。例如：span em strong a 等等，这些都是属于行内标签。

行内块标签

<!-- 行内块标签 不独占一行 可以设置宽高 -->
        <!-- <img src="https://dss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=137628589,3436980029&fm=26&gp=0.jpg" alt=""> -->

行内块标签：不独占一行可以设置宽高。例如：img等等。

块级标签

<!--  
            块级标签：独占一行 可以设置宽高 p div h1-h6 ul ol 
        -->
        <!-- <p>我是p标签</p>
        <div>
            这是div标签
        </div>
        <h1>
            这是h1标签
        </h1> -->

块级标签：独占一行可以设置宽高。例如：div p ul li h1~h6等等。

想要判断自己输入的标签是什么标签，只需要去浏览器检查即可，如何根据上述特征，决定是什么标签。