标签：image csdn doctype nts 单元 -- class body content
今天在网上看了一个关于html的教程，主要是讲表格，看完之后认为有必要上机试试。于是就写了以下的一段代码。
<!DOCTYPE html><!--貌似5.0的能够这样写。课本的声明老长老长了--> <html> <head> <title>功课表</title> <meta http-equiv="Content-Type" content="text/html; charset=GB2312" /><!--因为乱码，所以就加了这个--> </head> <body> <br /><br /><br /><br /><br /><br /><br /><!--垂直居中--> <table border="1px" bordercolor="black" cellspacing="0px" background="http://static.blog.csdn.net/skin/ink/images/head_bg.jpg" width="640px" heigth="248px" align="center"> <!--每一个单元格是80*30，可是课表的上午和下午中间有8像素的高度，所以就是 80*8 * 80*30+8--> <tr><!--第1行--> <th>项目</th> <th colspan="5" width="400px">上课</th> <th colspan="2" width="160px">歇息</th> </tr><!--1--> <tr><!--2--> <th>星期</th> <th>星期一</th> <th>星期二</th> <th>星期三</th> <th>星期四</th> <th>星期五</th> <th>星期六</th> <th>星期日</th> </tr><!--2--> <tr><!--3--> <td rowspan="4" height="120px">上午</td> <td>语文</td> <td>数学</td> <td>英语</td> <td>英语</td> <td>物理</td> <td>计算机</td> <td rowspan="4" height="120px">歇息</td> </tr><!--3--> <tr><!--4--> <td>语文</td> <td>数学</td> <td>英语</td> <td>英语</td> <td>物理</td> <td>计算机</td> </tr><!--4--> <tr><!--5--> <td>语文</td> <td>数学</td> <td>英语</td> <td>英语</td> <td>物理</td> <td>计算机</td> </tr><!--5--> <tr><!--6--> <td>语文</td> <td>数学</td> <td>英语</td> <td>英语</td> <td>物理</td> <td>计算机</td> </tr><!--6--><tr height="8px"/> <tr><!--7--> <td rowspan="2" height="60px">下午</td> <td>语文</td> <td>数学</td> <td>英语</td> <td>英语</td> <td>物理</td> <td>计算机</td> <td rowspan="2" height="60px">歇息</td> </tr><!--7--> <tr><!--8--> <td>语文</td> <td>数学</td> <td>英语</td> <td>英语</td> <td>物理</td> <td>计算机</td> </tr><!--8--> </table> </body> </html>
标签：image csdn doctype nts 单元 -- class body content
原文地址：http://www.cnblogs.com/yangykaifa/p/7028785.html
