html
标签作用

作者：屰兲洏垳＆发布日期:2025-10-13 浏览:6

<!DOCTYPE html>
<html>
<head>
    <title>HTML <div> 标签作用示例</title>
    <style>
        .container {
            background-color: lightgray;
            padding: 20px;
            margin: 10px;
        }
        .box {
            background-color: lightblue;
            padding: 10px;
            margin: 5px;
        }
    </style>
</head>
<body>

<div class="container">
    <h2>这是一个使用 <div> 标签的容器</h2>
    <p><div>标签用于定义文档中的分区或节。</p>

    <div class="box">
        <p>这个是另一个 <div>，用作内容块。</p>
    </div>

    <div class="box">
        <p>可以有多个 <div>，每个都可以有自己的样式和内容。</p>
    </div>
</div>

</body>
</html>

解释说明：

<div> 标签用于定义文档中的分区或节。它是一个块级元素，默认情况下会独占一行。
在上面的代码中，<div> 被用来创建一个容器（.container），并在其中包含多个子 <div>（.box）来展示不同的内容块。
使用 CSS 类（如 .container 和 .box）可以轻松地为这些分区添加样式，例如背景颜色、内边距和外边距等。
这种结构有助于组织和布局网页内容，并且可以通过 CSS 更方便地进行样式控制。

上一篇：html 隐藏div

下一篇：html回车换行

html标签作用

解释说明：

html
标签作用