1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <title>Document</title> 7 </head> 8 <body> 9 <!-- 10 table 整張表格 11 thead 表頭 12 tbody 表體 13 tfoot 表尾 14 tr 表格中的一行 15 td 行中的一個單元格 16 th 自帶加粗居中效果的td 17 --> 18 19 <h3 style="text-align: center;">中國礦業大學</h3> <!--居中--> 20 21 <table border="1px" style="margin: 0px auto; width:400px;"> 22 <thead> 23 <tr> 24 <th>排名</th> 25 <th>姓名</th> 26 <th>分數</th> 27 <th>備註</th> 28 </tr> 29 </thead> 30 31 <tbody> 32 <tr> 33 <td>1</td> 34 <td>小明</td> 35 <td>100</td> 36 <td rowspan="3">前三名升職加薪</td> <!--向下侵佔兩行，一共三行--> 37 </tr> 38 <tr> 39 <td>2</td> 40 <td>小芳</td> 41 <td>98</td> 42 </tr> 43 <tr> 44 <td>3</td> 45 <td>小剛</td> 46 <td>96</td> 47 </tr> 48 </tbody> 49 50 <tfoot> 51 <tr> 52 <td>總人數</td> 53 <td colspan="2">1000</td> 54 <td rowspan="3"></td> 55 </tr> 56 <tr> 57 <td>平均分</td> 58 <td colspan="2">82</td> 59 </tr> 60 <tr> 61 <td>及格率</td> 62 <td colspan="2">85%</td> 63 </tr> 64 </tfoot> 65 66 </table> 67 68 </body> 69 </html>