h5盒子标签使用方法

H5中的盒子模型是指HTML元素如何在其容器内布局的基本结构，它由内容(content)、内边距(padding)、边框(border)和外边距(margin)四部分组成。以下是使用常见的盒子标签的方法：

1. `<div>`: `div`是最基本的块级元素，可以容纳其他HTML元素，用于组织内容。它是创建复杂布局的基础。

2. `<span>`: `span`是行内元素，通常用于文本内的装饰或样式调整，不会影响到其周围元素的布局。

3. `<p>`: `p`代表段落，也是块级元素，用于包裹段落文本，一般会自动添加一些间距。

4. `<ul>`, `<ol>`, `<li>`: 列表标记，分别用于无序列表(ul)，有序列表(ol)及其项<li>。它们默认有项目符号或编号，并且自动生成缩进。

5. `<form>`: 用于创建表单，允许用户输入数据并提交给服务器。

6. `<table>`: 创建表格，通过`<tr>`（行）、`<th>`（表头）和`<td>`（单元格）等标签来构建。

使用盒子模型时，可以通过CSS设置宽度、高度、内外边距、边框等属性来控制元素的外观和布局。例如：

.box {
  width: 200px;
  height: 100px;
  padding: 10px;
  border: 1px solid #ccc;
  margin: 20px auto; /* 水平居中 */
}