HTML中的table标签制作表格
本⽂转发⾃
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>
网页设计html代码大全颜
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>
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>
代码运⾏结果如下图所⽰：

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。