html之表格标签 

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
<!--
表格：4行4列

tr：行
td：单元格
默认情况下表格是没有边框的。通过属性来增加边框
border:设置边框大小
cellspacing：设置单元格和边框之间的空隙
th:特殊单元格，表头效果、加粗、居中
align:居中
background:设置背景图片
bgcolor:背景颜色


rowspan:行合并
colspan:列合并
-->
<table border="1px" cellspacing="0px" width="400px" height="30px"bgcolor="red">
<!--       background="../img/770EC837-667F-4DB5-9D0B-C0C84CF479C4.jpg"-->

  <tr>
    <th>学号</th>
    <th>姓名</th>
    <th>年纪</th>
    <th>成绩</th>
  </tr>
  <tr>
    <td align="center">1001</td>
    <td>丽丽</td>
    <td>19</td>
    <td rowspan="3">90.5</td>
  </tr>
  <tr>
    <td colspan="2">2006</td>
<!--    <td>飞飞</td>-->
    <td>20</td>
<!--    <td>80.5</td>-->
  </tr>
  <tr>
    <td>2006</td>
    <td>飞飞</td>
    <td>20</td>
<!--    <td>80.5</td>-->
  </tr>
</table>

</body>
</html>
posted @ 2023-02-22 00:01  King-DA  阅读(24)  评论(0)    收藏  举报