11.19
今天,老高给我们讲了一下表格的合并,主要是行和列,在课堂测试是我感受到了身为一个程序员的痛苦,为了做一个简单的销售季度表花费近半个小时,相到以后这样的日子多了,想想就可怕,但是为了自己的人生,咱们还是应该克服这些枯燥又无趣的困难,除此之外,老高还讲了一下框架。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
table{
border:1px solid black;
border-spacing: 0px;
border-collapse: collapse;
}
th,td{
border: 1px solid black;
}
</style>
</head>
<body>
<table>
<tr>
<th>序号</th><th>姓名</th><th>年龄</th><th>家庭地址</th>
</tr>
<tr>
<tr>
<td rowspan="3" valign="center">1</td><td colspan="2" align="center">小明</td><td>郑州市</td>
</tr>
<tr>
<td>小红</td><td>18</td><td>安阳市</td>
</tr>
<tr>
<td>小智</td><td>19</td><td>开封市</td>
</tr>
</tr>
</table>
</body>
</html><!DOCTYPE html>
<html><head>
<meta charset="UTF-8">
<title></title>
<style>
table {
border: 1px solid black;
border-spacing: 0px;
border-collapse: collapse;
}
th,
td {
border: 1px solid black;
}
</style>
</head><body>
<form>
<table>
<tr>
<td colspan="9" align="center">2013年度图书销售统计</td>
</tr>
<tr>
<tr>
<td rowspan="2">图书分类</td>
<td colspan="2">一季度</td>
<td colspan="2">二季度</td>
<td colspan="2">三季度</td>
<td colspan="2">四季度</td>
</tr>
<tr>
<th>销售量</th>
<th>销售额</th>
<th>销售量</th>
<th>销售额</th>
<th>销售量</th>
<th>销售额</th>
<th>销售量</th>
<th>销售额</th>
</tr>
<tr>
<td>小说</td>
<td>23521</td>
<td>$559940</td>
<td>18423</td>
<td>$44841</td>
<td>32125</td>
<td>$829870</td>
<td>25188</td>
<td>$586564</td>
</tr>
<tr>
<td>文艺</td>
<td>7643</td>
<td>$180423</td>
<td>8010</td>
<td>$192420</td>
<td>10289</td>
<td>$321717</td>
<td>9012</td>
<td>$266134</td>
</tr>
<tr>
<td>励志/成功</td>
<td>13328</td>
<td>$428371</td>
<td>15021</td>
<td>$592987</td>
<td>13496</td>
<td>$471620</td>
<td>10130</td>
<td>$386845</td>
</tr>
<tr>
<td>童书</td>
<td>20328</td>
<td>$358891</td>
<td>24030</td>
<td>$392713</td>
<td>27444</td>
<td>$461770</td>
<td>18027</td>
<td>$328451</td>
</tr>
</tr>
</table>
</form>
</body></html>
<!DOCTYPE html>
<html><head>
<meta charset="utf-8" />
<title></title>
</head>
<frameset>
<frameset rows="20%,80%">
<frame src="top.html" />
<frameset cols="20%,*>
<frame src="left.html " />
<frame src="right.html" name="right" />
</frameset>
</frameset>
</html>