HTML中的table标签制作表格
本文转发自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>
代码运行结果如下图所示：
