html盒模型结构包括哪些内容

HTML盒模型结构包括哪些内容？需要具体代码示例

HTML盒模型是网页布局中重要的概念之一。它描述了网页元素如何在浏览器中呈现和相互交互。盒模型由四个主要组成部分构成：内容区域、内边距、边框和外边距。本文将详细介绍这四个部分的含义，并提供具体的代码示例说明。

1. 内容区域（content）
   内容区域指的是元素实际显示的区域，包括文本、图像、嵌套元素等。它的大小由元素的宽度（width）和高度（height）属性决定。

示例代码：

<div style="width: 200px; height: 100px; background-color: blue;">
  这是一个内容区域示例
</div>