本文轉發自https://www.yunyoucc.com/a/43.html
HTML中有一個重要的標簽table,常用於構建表格，如果你要用HTML做一張課表，那么它的table標簽就可以大顯身手了。下面分享出一份某小學生課表的完整HTML代碼，不足的地方歡迎指正！
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>html中表格</title> 6 </head> 7 <body> 8 <table border="1" width="800" align="center" cellpadding="10" cellspacing="0"> 9 <!-- 標題--> 10 <caption><h2>某小學一年級(三班)課程表</h2></caption> 11 <!-- 表頭--> 12 <thead> 13 <tr bgcolor="#90ee90"> 14 <th>星期</th> 15 <th>星期一</th> 16 <th>星期二</th> 17 <th>星期三</th> 18 <th>星期四</th> 19 <th>星期五</th> 20 </tr> 21 </thead> 22 23 <!-- 主體--> 24 <tbody align="center"> 25 <tr> 26 <td rowspan="3" bgcolor="#f5deb3">上午<br>8:00 - 11:30</td> 27 <td>語文</td> 28 <td>數學</td> 29 <td>美術</td> 30 <td>體育</td> 31 <td>音樂</td> 32 </tr> 33 <tr> 34 35 <td>語文</td> 36 <td>數學</td> 37 <td>美術</td> 38 <td>體育</td> 39 <td>音樂</td> 40 </tr> 41 <tr> 42 43 <td>語文</td> 44 <td>數學</td> 45 <td>美術</td> 46 <td>體育</td> 47 <td>音樂</td> 48 </tr> 49 50 <tr> 51 <td rowspan="2" bgcolor="#e0ffff">下午<br>13:30 - 15:30</td> 52 <td>語文</td> 53 <td>數學</td> 54 <td>美術</td> 55 <td>體育</td> 56 <td>音樂</td> 57 </tr> 58 <tr> 59 60 <td>語文</td> 61 <td>數學</td> 62 <td>美術</td> 63 <td>體育</td> 64 <td>音樂</td> 65 </tr> 66 </tbody> 67 68 <tfoot align="center"> 69 <tr bgcolor="#d3d3d3"> 70 <td>備注:</td> 71 <td colspan="5">周未家長應該多些時間陪同孩子學習</td> 72 </tr> 73 </tfoot> 74 </table> 75 </body> 76 </html>
代碼運行結果如下圖所示：
