HTML DIV 语法

HTML 是一种用于创建网页的标记语言。HTML DIV 标签是用来创建一个容器，可以用来包含其他 HTML 元素。

语法

DIV 标签的语法如下所示：

<div>
  …
</div>

DIV 标签是成对出现的，即开始标签和结束标签，中间可以包含其他 HTML 元素，如文本、图像、链接、表格等。DIV 标签可以添加 CSS 样式以控制其外观和行为。

简单示例

下面是一个简单的 DIV 示例：

<div>
  <h1>这是一个标题</h1>
  <p>这是一个段落。</p>
</div>

在这个示例中，我们创建了一个 DIV 包含一个标题和一个段落。这些元素将出现在 DIV 内，并受到 DIV 的 CSS 样式的控制。

使用 CSS 样式

可以使用 CSS 样式来控制 DIV 的外观和行为。以下是一些常见的样式属性：

• background-color：指定 DIV 的背景颜色。
• display：控制 DIV 的显示方式。
• height：指定 DIV 的高度。
• margin：指定 DIV 的外边距。
• padding：指定 DIV 的内边距。
• width：指定 DIV 的宽度。

下面是一个带有样式的 DIV 示例：

<div style="background-color: lightblue; height: 150px; width: 300px; padding: 10px; margin-bottom: 20px;">
  <h1>这是一个样式化的 DIV</h1>
  <p>这个 DIV 有一个浅蓝色的背景，高度为 150 像素，宽度为 300 像素，内边距为 10 像素，下面有一个外边距为 20 像素的空间。</p>
</div>

总结

在 HTML 中使用 DIV 标签可以创建容器，将其他 HTML 元素放置在其中。DIV 标签可以通过 CSS 样式来控制其外观和行为。DIV 标签在构建网站时十分常用，是控制网站布局和设计风格的重要工具。