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

在上述代码中，我们使用div标签将标题和段落内容包裹起来，形成了一个独立的内容块。

div标签还可以通过设置id和class属性来进行更精确的样式控制和操作。id属性用于为div元素指定一个唯一的标识符，而class属性则可以为多个div元素指定相同的类名，以便统一应用样式。例如：

<div id="header">
  <h1>网站标题</h1>
</div>
<div class="content">
  <p>这是网站的主要内容。</p>
</div>

在CSS中，我们可以通过id选择器和类选择器来为具有特定id和class的div元素设置样式。例如：

#header {
  background-color: #333;
  color: white;
}
.content {
  padding: 20px;
}

除了样式设置，div标签还可以与JavaScript配合使用，实现动态交互效果。例如，我们可以通过JavaScript获取div元素，并对其内容进行修改、添加或删除操作。

在网页布局方面，div标签也是不可或缺的。通过合理地使用div标签，我们可以将网页划分为不同的区域，如头部、导航栏、内容区、侧边栏和底部等，然后使用CSS对这些区域进行布局和样式设置，从而实现美观、清晰的网页界面。

div标签是HTML中非常重要的一个标签，它为我们提供了一种方便、灵活的方式来组织和布局网页内容。熟练掌握div标签的使用方法，对于创建高质量的网页至关重要。