表格標簽可以通過指定的標簽完成數據展示
<!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)
代碼實例
<!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>
執行結果