表格标签

介绍：

在HTML中，表格标签用于展示结构化数据（如行列形式的信息），核心由多个标签配合构建

表格标签的属性

1. border：设置表格的边框（默认border="0"为无边框）
2. cellspacing：设置单元格与单元格的距离
3. cellpadding：设置单元格内容与单元格边框之间的距离
4. width 设置表格的宽度
5. height 设置表格的高度
6. align 设置表格的对齐方式（left左、center居中、right右）
7. bgcolor 设置表格背景颜色
8. background设置表格的背景图片

案例1

<table border="1px" cellspacing="0px" cellpadding="0px" width="8px" height="15px" align="left" bgcolor="blue">
       <tr>
           <td>学号</td>
           <td>姓名</td>
           <td>性别</td>
       </tr>
       <tr>
           <td>2401</td>
           <td>小花</td>
           <td>女</td> 
       </tr>
</table>

案例2

<table border="1px" cellspacing="0px" cellpadding="0px" width="50px" height="48px" bgckground="2.jpg">
       <tr>
           <td>学号</td>
           <td>姓名</td>
           <td>性别</td>
       </tr>
       <tr>
           <td>2401</td>
           <td>小花</td>
           <td>女</td> 
       </tr>
</table>

行 <tr> 的属性：

1. height 设置行的高度
2. align 设置一行内容的水平对齐方式（left、center、right）
3. valign 设置一行内容的垂直对齐方式（top（上）、center（居中）、bottom（下））
4. bgcolor 设置一行的背景颜色
5. background 设置行的背景图片

案例：

<table border="1px" cellpadding="0px" align="left" width="100px" height="100px" bgcolor="blue">
  <tr height="50px" align="right" valign="right" bgcolor="blue" background="2.jpg">
    <td>学号</td>
    <td>姓名</td>
    <td>性别</td>
  </tr>
  <tr>
    <td>202401</td>
    <td>张三</td>
    <td>男</td>
  </tr>
  <tr>
    <td>202402</td>
    <td>小美</td>
    <td>女</td>
  </tr>
</table>

列 <td> 标签的属性：

1. width 设置单元格宽度
2. height 设置单元格高度
3. align 设置单元格内容水平对齐方式（left（左）、center（居中）、right（右））
4. valign 设置单元格内容垂直对齐方式（top（上）、center（居中）、bottom（下））
5. bgcolor 设置单元格的背景颜色
6. background 设置单元格的背景图片
7. colspan 设置单元格横跨的列数
8. rowspan 设置单元格竖跨的行数

案例：

<table border="1px" cellpadding="0px" cellspacing="0px" width="500px">
  <tr>
    <td colspan="2">学号</td>
     <td>性别</td>
  </tr>
  <tr>
    <td>202401</td>
    <td>张三</td>
    <td>男</td>
  </tr>
  <tr>
    <td rowspan="2">202402</td>
     <td>李四</td>
    <td>女</td>
  </tr>
  <tr>
    <td>202403</td>
    <td>王五</td>
    <td>男</td>
  </tr>
</table>