HTML中的table標籤製做表格

時間 2019-11-08

標籤 html table 標籤製做表格欄目 HTML 简体版

原文原文鏈接

HTML中有一個重要的標籤table,經常使用於構建表格，若是你要用HTML作一張課表，那麼它的table標籤就能夠大顯身手了。下面分享出一份某小學生課表的完整HTML代碼，不足的地方歡迎指正！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>