web前端开发网页设计课堂作业/html练习《课程表》

news2025/11/4 9:15:54

目标图：

代码解析：

	代码	解析
1	<table border="3" align="center">	<输入内容(的) 边界="3px" 位置="居中">
2	<tr><td colspan="7" align="center">课程表</td>	<td 横跨的行数="7个" 位置="居中">
3	<td rowspan="4" align="center">上&nbsp午</td>	<td 纵跨的列数n="4" 位置="居中" align="center">上（空格）午</td>
4	<td colspan="7">&nbsp</tr>	<td 横跨的行数="7个">空格</tr>

运行代码：

<body>
<table border="3" align="center">
<tr>
	<td colspan="7" align="center">课程表</td>
</tr>
<tr>
	<td colspan="2" align="center">早&nbsp上</td>
	<td>周一</td>
	<td>周二</td>
	<td>周三</td>
	<td>周四</td>
	<td align="center">周五</td>

</tr>
<tr>
	<td rowspan="4" align="center">上&nbsp午</td>
	<td>1</td>
  	<td rowspan="2">网页</td>
	<td>动画</td>
 	<td rowspan="4">停课</td>
  	<td rowspan="2">网页</td>
	<td align="center">影视</td>
</tr>
<tr>
	<td>2</td>
	<td rowspan="3">网页</td>
	<td rowspan="2">课间休息</td>
</tr>
<tr>
	<td>3</td>
	<td>影视</td>
	<td rowspan="2">动画</td>
</tr>
<tr>
	<td>4</td>
	<td>动画</td>
	<td align="center">动画</td>
</tr>
<tr>
<td colspan="7" align="center">午&nbsp餐</td>
</tr>
<tr>
<td colspan="7" align="center">午&nbsp休</td>
</tr>
<tr>
	<td colspan="2" align="center">下&nbsp午</td>
	<td>周一</td>
	<td>周二</td>
	<td>周三</td>
	<td>周四</td>
	<td align="center">周五</td>
</tr><tr>
<td colspan="7" align="center">广播体操</td>
</tr>
<tr>
	<td rowspan="2" align="center">下&nbsp午</td>
	<td>1</td>
	<td colspan="3" align="center">网页</td>
	<td align="center">动画</td>
	<td align="center">影视</td>
</tr><tr>
	<td>2</td>
	<td colspan="2" align="center">动画</td>
	<td colspan="2" align="center">影视</td>
	<td align="center">网页</td>
</tr>
<tr>
	<td>放学时间</td>
	<td> </td>
	<td colspan="5" align="center">18:30</td>
</tr>
<tr>
<td colspan="7">&nbsp
</tr>
</body>