HTML 表格
HTML 表允许将数据（如文本、图像、链接、表单、表单字段、其他表等）排列到单元格的行和列中。
创建 HTML 表
HTML 中的表格使用 <table> 标记定义。
表格分为带有 <tr> 标签的行，代表表格行，每行分为带有 <td> 标签的数据单元格，代表表格数据。
一个 <td> 标签可以包含文字、链接、图片、列表、表格、其他表等。
<table border="1">
<thead>
<tr>
<th>No.</th>
<th>Name</th>
<th>Email</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>John Carter</td>
<td>johncarter@mail.com</td>
</tr>
<tr>
<td>2</td>
<td>Peter Parker</td>
<td>peterparker@mail.com</td>
</tr>
<tr>
<td>3</td>
<td>John Rambo</td>
<td>johnrambo@mail.com</td>
</tr>
</tbody>
</table>
注意： 浏览器内置样式表将 <th> 元素中的文本显示为粗体和居中。但是，你可以使用 CSS 覆盖浏览器的默认样式表。
表格 Cellpadding 和 Cellspacing
cellpadding 和 cellspacing 属性用于调整在表的内部空白。
- cellpadding 调整表格单元格边框与其内容之间的空白区域。
- cellspacing 调整表格单元格之间的空白区域。
<table border="1" cellpadding="10" cellspacing="5">
<thead>
<tr>
<th>No.</th>
<th>Name</th>
<th>Email</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>John Carter</td>
<td>johncarter@mail.com</td>
</tr>
<tr>
<td>2</td>
<td>Peter Parker</td>
<td>peterparker@mail.com</td>
</tr>
<tr>
<td>3</td>
<td>John Rambo</td>
<td>johnrambo@mail.com</td>
</tr>
</tbody>
</table>
跨越多行和单元格
跨越允许你跨多个其他列和行扩展列和行。
通常，当我们创建表格单元格时，它不能传递到另一个表格单元格下方或上方的空间。但是，你可以使用 colspan 属性跨越多个列，并使用 rowspan 属性跨越表中的多个行。这是一个例子：
<table border="1">
<tr>
<th rowspan="4">Users Info</th>
</tr>
<tr>
<td>1</td>
<td>John Carter</td>
<td>johncarter@mail.com</td>
</tr>
<tr>
<td>2</td>
<td>Peter Parker</td>
<td>peterparker@mail.com</td>
</tr>
<tr>
<td>3</td>
<td>John Rambo</td>
<td>johnrambo@mail.com</td>
</tr>
</table>