HTML新手之旅之表格

做了一个很简单的课程表表格。

html代码如下:

\<html>
\<body>
\<p>课堂练习:\</p>
\<table align="center" border="3px" width="500px" height="250px" bordercolor="#35a2f3">
\<caption>课程表 \</caption>
\<tr>

\<td>项目\</td>
\<td colspan="5">上课\</td>
\<td colspan="2">休息\</td>
\</tr>
\<tr>
\<td>星期\</td>
\<td>星期一\</td>
\<td>星期二\</td>
\<td>星期三\</td>
\<td>星期四\</td>
\<td>星期五\</td>
\<td>星期六\</td>
\<td>星期日\</td>
\</tr>
\<tr>
\<td rowspan="4">上午\</td>
\<td>语文\</td>
\<td>数学\</td>
\<td>英语\</td>
\<td>英语\</td>
\<td>物理\</td>
\<td>计算机\</td>
\<td rowspan="4">休息\</td>
\</tr>
\<tr>
\<td>数学\</td>
\<td>数学\</td>
\<td>地理\</td>
\<td>历史\</td>
\<td>化学\</td>
\<td>计算机\</td>
\</tr>
\<tr>
\<td>化学\</td>
\<td>语文\</td>
\<td>体育\</td>
\<td>计算机\</td>
\<td>英语\</td>
\<td>计算机\</td>
\</tr>
\<tr>
\<td>政治\</td>
\<td>英语\</td>
\<td>体育\</td>
\<td>历史\</td>
\<td>地理\</td>
\<td>计算机\</td>
\</tr>
\<tr>\</tr>
\<tr>\</tr>
\<tr>\</tr>
\<tr>
\<td rowspan="2">下午\</td>
\<td>语文\</td>
\<td>数学\</td>
\<td>英语\</td>
\<td>英语\</td>
\<td>物理\</td>
\<td>计算机\</td>
\<td rowspan="2">休息\</td>
\</tr>
\<tr>
\<td>数学\</td>
\<td>数学\</td>
\<td>地理\</td>
\<td>历史\</td>
\<td>化学\</td>
\<td>计算机\</td>
\</tr>
\</table>
\</body>
\</html>

效果如图:

课程表
项目 上课 休息
星期 星期一 星期二 星期三 星期四 星期五 星期六 星期日
上午 语文 数学 英语 英语 物理 计算机 休息
数学 数学 地理 历史 化学 计算机
化学 语文 体育 计算机 英语 计算机
政治 英语 体育 历史 地理 计算机
下午 语文 数学 英语 英语 物理 计算机 休息
数学 数学 地理 历史 化学 计算机

Comments