HTML小白入门学习-表格标签

在HTML中，我们可以使用<table>、<tr>、<th>和<td>等标签来创建表格。

以下是一些基本的示例：

1. 创建一个简单的表格：

<table>
  <tr>
    <th>姓名</th>
    <th>年龄</th>
  </tr>
  <tr>
    <td>张三</td>
    <td>28</td>
  </tr>
  <tr>
    <td>李四</td>
    <td>32</td>
  </tr>
</table>

2. 创建一个带有边框的表格：

<table border="1">
  <tr>
    <th>姓名</th>
    <th>年龄</th>
  </tr>
  <tr>
    <td>张三</td>
    <td>28</td>
  </tr>
  <tr>
    <td>李四</td>
    <td>32</td>
  </tr>
</table>

3. 创建一个带有表头和表格单元格的表格：

<table>
  <thead>
    <tr>
      <th>姓名</th>
      <th>年龄</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>张三</td>
      <td>28</td>
    </tr>
    <tr>
      <td>李四</td>
      <td>32</td>
    </tr>
  </tbody>
</table>

4. 创建一个带有表格标题的表格：

<table>
  <caption>用户信息表</caption>
  <tr>
    <th>姓名</th>
    <th>年龄</th>
  </tr>
  <tr>
    <td>张三</td>
    <td>28</td>
  </tr>
  <tr>
    <td>李四</td>
    <td>32</td>
  </tr>
</table>

5. 创建一个带有行和列的表格：

<table>
  <tr>
    <th colspan="2">标题</th>
  </tr>
  <tr>
    <td>第一行第一列</td>
    <td>第一行第二列</td>
  </tr>
  <tr>
    <td>第二行第一列</td>
    <td>第二行第二列</td>
  </tr>
</table>

6. 创建一个带有行和列的表格，并且列有垂直对齐：

<table>
  <tr>
    <th>姓名</th>
    <th align="left">年龄</th>
  </tr>
  <tr>
    <td>张三</td>
    <td align="right">28</td>
  </tr>
  <tr>
    <td>李四</td>
    <td align="right">32</td>
  </tr>
</table>

以上代码展示了如何在HTML中创建基本的表格，并且如何使用不同的属性来调整表格的显示效果。