表格

基本表格标签

1. <table>：这是定义表格的最基本标签。所有表格元素都被包含在这个标签内。

2. <tr>（Table Row）：用于定义表格的行。每个<tr>标签代表表格中的一行。

3. <th>（Table Header）：用于定义表格的表头单元格。通常，表头单元格中的文本加粗居中。

4. <td>（Table Data）：用于定义表格的标准单元格，即表格的数据部分。

 

附加表格标签

1. <caption>：定义表格的标题或说明。这个标签位于<table>标签内，通常是表格的第一个元素。

2. <thead>：定义表格的头部区域。用于分组表头内容。

3. <tbody>：定义表格的主体部分。用于分组表格主体的内容。

4. <tfoot>：定义表格的脚注部分。用于分组表格底部的内容，比如总计行。

表格属性

1. border：指定表格边框的宽度。

2. cellpadding：指定单元格内的空间量（即单元格内容与其边界之间的空间）。

3. cellspacing：指定单元格之间的空间（即相邻单元格的边界之间的空间）。

4. colspan（在<td>或<th>中使用）：允许单元格横跨多列。

5. rowspan（在<td>或<th>中使用）：允许单元格横跨多行。

6. align 和 valign：分别用于控制内容在单元格中的水平和垂直对齐。

7. width 和 height：用于指定表格、行或单元格的大小。

 

案例

<table border="1">
  <caption>员工信息</caption>
  <thead>
    <tr>
      <th>姓名</th>
      <th>职位</th>
      <th>部门</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>张三</td>
      <td>软件工程师</td>
      <td>技术部</td>
    </tr>
    <tr>
      <td>李四</td>
      <td>产品经理</td>
      <td>产品部</td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <td colspan="3">公司总人数: 2</td>
    </tr>
  </tfoot>
</table>