【HTML教程】HTML的div标签|html入门知识

攻城狮与产品喵

发布于 2026-04-21 20:24:05

810

——致力做企业用得上的平台； ——开发企业节省成本的系统；

导读

常用的html标签汇总、以及操作过程中的一些bug问题解决方法，是我们在建站实操中笔记记录，一路走来，一步步学习、总结、整理的一些资料，不用死记硬背，保存使用非常方便，实操过程中遇到了就 查询/搜索 一下，实践出真章，做多了自然就熟悉了！

——龙腾飞网络科技-小吴

#div标签 #HTML教程 #HTML标签 #html入门知识

【定义和用法】

div 标签定义 HTML 文档中的分割或部分(分区或小节，division/section)。

div 标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具，并且不使用任何格式与其关联。

任何类型的内容都可以放在 div 标签内!div 标签可用作 HTML 元素的容器，然后使用 CSS 设置样式或使用 JavaScript 进行操作。

如果用 id 或 class 来标记 div，那么该标签的作用会变得更加有效。通过使用 class 或 id 属性，可以轻松地对 div 标签设置样式。

注意：默认情况下，浏览器总是在 div 元素前后放置一个换行符。

【实例】

文档中使用 CSS 设置样式的 div 部分：

<html>
<head>
<style>
.myDiv {
  border: 5px outset red;
  background-color: lightblue;
  text-align: center;
}
</style>
</head>
<body>

<div class="myDiv">
  <h2>这是 div 元素中的标题</h2>
  <p>这是 div 元素中的一些文本。</p>
</div>

</body>
</html>