html标签元素有哪些种类？html的常用标签元素的介绍-木庄网络博客

本文摘自PHP中文网，作者青灯夜游，侵删。

本篇文章给大家带来的内容是介绍html标签元素的种类，让大家了解html中常用的标签元素有哪些？有一定的参考价值，有需要的朋友可以参考一下，希望对你们有所帮助。

首先我们来了解一下html标签元素可以分成哪些类型？

HTML中标签元素一般会分成三种不同类型，分别为：块状元素，行内元素，行内块状元素。

下面我们来详细介绍一下这三种类型元素的特点以及用处，并且让大家了解常用的块状元素与行内元素有哪些？

块状元素

特点：

1、独占一行，每一个块状元素都会从新的一行重新开始，从上到下排布

2、可以直接控制宽度、高度以及盒子模型的相关css属性（元素的高度、宽度、行高以及顶和底边距都可设置）

3、在不设置宽度的情况下，块级元素的宽度是它父级元素内容的宽度

4、在不设置高度的情况下，块级元素的高度是它本身内容的高

因为它自身具有的这些特点，我们通常会使用块状元素来进行大布局（大结构）的搭建。

常用的块状元素：

1、普通元素

div（常用块状容器，也是css layout的主要标签）、p（段落）、hr（水平分隔线）、table（表格）、form（交互表单）

2、标题元素：

h1（大标题）、h2（副标题）、h3（三级标题）、h4 （四级标题）、h5 （五级标题）、h6（六级标题）

3、列表元素

menu（菜单列表）、ol（有序列表）、ul（无序列表）、li（列表项）、dl（定义列表）、dt（定义术语）、dd（定义描述）

我们通过简单代码来看看这些块状元素

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>块状元素</title>
        <style>
            div{
                background-color: palegoldenrod;
            }
            p{
                background-color:paleturquoise ;
            }
            h4{
                background-color:papayawhip;
            }
            ul{
                background-color: peru;
            }
        </style>
    </head>
    <body>
        <div>div标签元素，占据一行</div>
        <p>p标签元素，占据一行</p>
        <h4>标题元素，占据一行</h4>
        <ul>
            <li>ul1 li 标签 元素</li>
            <li>ul1 li 标签 元素</li>
        </ul>
        <ul>
            <li>ul2 li 标签 元素</li>
            <li>ul2 li 标签 元素</li>
        </ul>
    </body>
</html>