<table> 标签是HTML中用于创建表格的标签。表格是由行和列组成的数据结构,用于以网格状的形式呈现信息。<table> 元素是表格的容器,它可以包含以下一些关键的子元素:

  •  <thead>: 表头,包含表格的标题行。

  •  <tbody>: 表体,包含表格的主体内容。

  •  <tfoot>: 表尾,包含表格的底部汇总或其他相关信息。

  •  <tr>: 表格行,包含一系列单元格。

  •  <th>: 表头单元格,包含表头信息,通常显示为粗体且居中。

  •  <td>: 表格数据单元格,包含表格中的实际数据。


以下是一个简单的 <table> 示例:
<table border="1">
  <thead>
    <tr>
      <th>姓名</th>
      <th>年龄</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>小明</td>
      <td>25</td>
    </tr>
    <tr>
      <td>小红</td>
      <td>30</td>
    </tr>
  </tbody>
</table>

在这个例子中,<table> 包含了一个表头和两行表体数据。<th> 用于定义表头单元格,而 <td> 用于定义表格数据单元格。border="1" 是一个用于显示表格边框的简单样式,实际上在实际应用中,应该使用CSS来设置表格的样式。

需要注意的是,表格是一种复杂的元素,应该根据实际需要进行适当的设计。在现代Web开发中,通常使用CSS和其他布局技术来创建更灵活、响应式的表格布局。


转载请注明出处:http://www.zyzy.cn/article/detail/3908/HTML