div在html是什么意思

作者：嗜血苍狼发布日期:2025-07-11 浏览:79

<!DOCTYPE html>
<html>
<head>
    <title>div 示例</title>
</head>
<body>
    <!-- div 是一个块级元素，用于对页面上的内容进行分组 -->
    <div style="background-color: lightblue; padding: 20px;">
        <h1>这是标题</h1>
        <p>这是一个段落。</p>
    </div>

    <!-- div 可以包含其他 HTML 元素，并且可以通过 CSS 进行样式设置 -->
    <div style="background-color: lightgreen; padding: 20px;">
        <h2>这是另一个标题</h2>
        <p>这是另一个段落。</p>
    </div>
</body>
</html>

解释说明：

div 是 HTML 中的一个块级元素，用于对页面上的内容进行分组。
它本身没有特定的语义含义，但可以方便地通过 CSS 对其内部的内容进行样式设置和布局。
在上面的示例中，我们使用了两个 div 元素，每个 div 包含了一个标题和一个段落，并通过内联样式设置了不同的背景颜色和内边距。

上一篇：html网页设计源代码

下一篇：居中html代码怎么写