如何使用 HTML5 创建表格？

在 HTML5 中，表格被定义为 table 元素。表格中的行被定义为 tr 元素，而列被定义为 td 元素。我们可以使用以下的 HTML 代码创建一个简单的表格：

<table>
  <tr>
    <td>Row 1, Column 1</td>
    <td>Row 1, Column 2</td>
  </tr>
  <tr>
    <td>Row 2, Column 1</td>
    <td>Row 2, Column 2</td>
  </tr>
</table>

这个表格有两行和两列，每个单元格中都包含一些文本。

我们还可以添加表格标题，方法是在 table 元素后添加 caption 元素：

<table>
  <caption>My Table</caption>
  <tr>
    <td>Row 1, Column 1</td>
    <td>Row 1, Column 2</td>
  </tr>
  <tr>
    <td>Row 2, Column 1</td>
    <td>Row 2, Column 2</td>
  </tr>
</table>

现在，我们的表格有了一个标题。

如果我们想要表格中的某些单元格合并，可以使用 rowspan 和 colspan 属性。例如，如果我们想要第一行的第一个单元格跨越两行，可以使用 rowspan="2"：

<table>
  <caption>My Table</caption>
  <tr>
    <td rowspan="2">Row 1, Column 1 spans 2 rows</td>
    <td>Row 1, Column 2</td>
  </tr>
  <tr>
    <td>Row 2, Column 2</td>
  </tr>
</table>

现在，第一列的第一个单元格跨越了两行。

最后，我们可以使用 CSS 样式表来修改表格的外观。例如，我们可以将表格的边框设置为 1 像素粗的黑色线条：

<style>
  table {
    border: 1px solid black;
  }
  td {
    border: 1px solid black;
    padding: 5px;
  }
</style>

<table>
  <caption>My Table</caption>
  <tr>
    <td>Row 1, Column 1</td>
    <td>Row 1, Column 2</td>
  </tr>
  <tr>
    <td>Row 2, Column 1</td>
    <td>Row 2, Column 2</td>
  </tr>
</table>

现在，我们的表格看起来更整洁了。

以上就是在 HTML5 中创建表格的基础知识。通过使用 rowspan 和 colspan 属性以及 CSS 样式表，我们可以创建出更复杂、更漂亮的表格。