<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>day3-表格</title>
</head>
<body>
<!-- 表格 -->
<!-- table-框架；tr-行；td-列（ table > td > tr ) -->
<!-- border:表格框 -->
<!-- caption:表格大标题 -->
<!-- th：列名，在tr内 -->
<table border="1" width="200" heighth="300">
<caption><h1>学生成绩单</h1></caption>
<tr>
<th>姓名</th>
<th>成绩</th>
<th>评估</th>
</tr>
<tr>
<td>小明</td>
<td>90</td>
<td>优</td>
</tr>
<tr>
<td>小红</td>
<td>100</td>
<td>优</td>
</tr>
<tr>
<td>总结</td>
<td>190</td>
<td>优</td>
</tr>
</table>
<!-- 合并：保留左边或上边的数据,删除不要的数据 -->
<!-- rowspan:垂直合并，colspan：水平合并；并设置合并格数 -->
<table border="1" width="200" heighth="300">
<caption><h1>学生成绩单</h1></caption>
<tr>
<th>姓名</th>
<th>成绩</th>
<th>评估</th>
</tr>
<tr>
<td>小明</td>
<td rowspan="2">90</td>
<td>优</td>
</tr>
<tr>
<td>小红</td>
<!-- <td>100</td> -->
<td>优</td>
</tr>
<tr>
<td>总结</td>
<td colspan="2">190</td>
</tr>
</table>
</body>
</html>
![[Web服务器] 简易静态Web服务器的搭建](https://i-blog.csdnimg.cn/direct/c1e9d7a7d25b4af4aff2dbb453066f00.png)
![[C++] 模板进阶：特化与编译链接全解析](https://img-blog.csdnimg.cn/img_convert/2e8c3698ed1db09596b1e95d40ec2984.png)
