📜  HTML | Div 标签(1)

📅  最后修改于: 2023-12-03 14:41:47.416000             🧑  作者: Mango

HTML | Div 标签

介绍
标签是 HTML 中最常用的容器标签之一,用于表示 HTML 文档中的一个块级元素。它可以包含各种内容,比如文字、图片、表格等其他 HTML 元素,也可以用来控制页面的布局和样式。
语法
<div> ... </div>
特性
  • 可嵌套
  • 默认宽度为100%
  • 不会产生明显的视觉效果
  • 可以使用CSS样式来控制布局和样式
用法
嵌套
标签可以嵌套使用,用于包含其他 HTML 元素。例如,以下代码将一个段落文本和一个图片元素包含在同一个 div 中:
<div>
  <p>这是一段文本。</p>
  <img src="image.jpg">
</div>
布局
标签可以用于控制页面的布局,通过设置样式来改变其位置、大小或其他属性。例如,以下代码将一个 div 元素居中显示:
<div style="text-align:center;">
  这是一个居中显示的 div 元素。
</div>
样式
标签也可以用于添加样式,例如以下代码将一个 div 元素的背景色设置为灰色:
<div style="background-color:grey;">
  这是一个带有灰色背景的 div 元素。
</div>
总结

作为 HTML 最常用的容器标签之一,

标签可用于包含其他 HTML 元素、控制页面的布局和添加样式。它的特点是灵活且可嵌套使用,可以通过 CSS 样式来控制其外观和行为。