表格标签可以通过指定的标签完成数据展示
css
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>表格标签</title>
</head>
<body>
<table border="2">
<!-- tr是表行 row行-->
<tr>
<!-- th是表头 head头-->
<th>班级</th>
<th>学生数</th>
<th>平均成绩</th>
</tr>
<tr>
<td>一班同学</td>
<td>30</td>
<td>80</td>
</tr>
<tr>
<td>二班同学</td>
<td>35</td>
<td>76</td>
</tr>
<tr>
<td>三班同学</td>
<td>33</td>
<td>82</td>
</tr>
</table>
</body>
</html>执行结果
案例练习（梁山好汉top10）
代码实例
css
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>梁山好汉10人案例练习</title>
</head>
<body>
<div id="container" align="center">
<table border="1">
<tr><td><h1>水浒英雄Top10</h1></td></tr>
<tr><td>
<ol>
<li><a href="https://baike.baidu.com/item/%E9%98%AE%E5%B0%8F%E4%B8%83/1360331" target="_blank">阮小七</a></li>
<li><a href="https://baike.baidu.com/item/%E7%87%95%E9%9D%92/1360238" target="_blank">燕青</a></li>
<li><a href="https://baike.baidu.com/item/%E8%8A%B1%E8%8D%A3/18830" target="_blank">花荣</a></li>
<li><a href="https://baike.baidu.com/item/%E5%8F%B2%E8%BF%9B/13057" target="_blank">史进</a></li>
<li><a href="https://baike.baidu.com/item/%E5%85%B3%E8%83%9C/711293" target="_blank">关胜</a></li>
<li><a href="https://baike.baidu.com/item/%E7%9F%B3%E7%A7%80/66816" target="_blank">石秀</a></li>
<li><a href="https://baike.baidu.com/item/%E5%8D%A2%E4%BF%8A%E4%B9%89/338586" target="_blank">卢俊义</a></li>
<li><a href="https://baike.baidu.com/item/%E6%99%81%E7%9B%96/710419" target="_blank">晁盖</a></li>
<li><a href="https://baike.baidu.com/item/%E6%9C%B1%E4%BB%9D/3225" target="_blank">朱仝</a></li>
<li><a href="https://baike.baidu.com/item/%E6%AD%A6%E6%9D%BE/2333859" target="_blank">武松</a></li>
</ol>
</td></tr>
</table>
</div>
</body>
</html>执行结果
