<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>4.1表格的基本属性</title>
</head>
<body>
<table border="1" cellpadding="0" cellpadding="0" align="
center" width="90%" cellspacing="0">
<caption><h2>同学战绩表</h2></caption>
<colgroup span="1" bgcolor="lightgreen"></colgroup>
<colgroup span="1" bgcolor="lightgreen"></colgroup>
<colgroup span="2" bgcolor="lightyello"></colgroup>
<colgroup span="3" bgcolor="lightyello"></colgroup>
<colgroup span="2" bgcolor="cyan"></colgroup>
<!--1.创建表格使用的的<table>标签
2.创建表格的基本步骤:先写行,在写(单元格)
3.用户数据全部保存在单元格中的
4.<table>下面的子标签:<tr>行,<td>列, 单元格,<th>用在表头的单元格里
5.<caption>表格标题</caption> -->
<thead>
<tr>
<th colspan="2">信息</th>
<th colspan="7">科目</th>
<th colspan="2" rowspan="2">操作</th>
</tr>
<tr bgcolor="skybliue">
<th colspan="1">ID</th>
<th colspan="1">名字</th>
<th>语文</th>
<th>英语</th>
<th>数学</th>
<th>体育</th>
<th>历史</th>
<th>化学</th>
<th>地理</th>
</tr>
</thead>
<tbody>
<tr >
<td>01</td>
<td>梁礼军</td>
<td>60</td>
<td>78</td>
<td>90</td>
<td>99</td>
<td>55</td>
<td>68</td>
<td>29</td>
<td><a href="">疑问咨询</a></td>
</tr>
<tr>
<td>02</td>
<td>羽田爱</td>
<td>91</td>
<td>70</td>
<td>60</td>
<td>80</td>
<td>47</td>
<td>29</td>
<td>67</td>
<td><a href="">疑问咨询</a></td>
</tr>
<tr>
<td>04</td>
<td>苍井空</td>
<td>88</td>
<td>90</td>
<td>80</td>
<td>100</td>
<td>58</td>
<td>90</td>
<td>10</td>
<td><a href="">疑问咨询</a></td>
</tr>
<tr>
<td>05</td>
<td>石原里美</td>
<td>98</td>
<td>56</td>
<td>76</td>
<td>69</td>
<td>56</td>
<td>78</td>
<td>29</td>
<td><a href="">疑问咨询</a></td>
</tr>
<tr >
<td>06</td>
<td>麻生希</td>
<td>88</td>
<td>96</td>
<td>66</td>
<td>90</td>
<td>96</td>
<td>69</td>
<td>60</td>
<td><a href="">疑问咨询</a></td>
</tr>
<tr>
<td>07</td>
<td>陈浩南</td>
<td>13</td>
<td>22</td>
<td>10</td>
<td>100</td>
<td>23</td>
<td>18</td>
<td>1</td>
<td><a href="">疑问咨询</a></td>
</tr>
<tbody>
<tfoot>
<tr bgcolor="lightyello">
<td colspan="2">平均</td>
<td>73</td>
<td>68.67</td>
<td>63.67</td>
<td>89.67</td>
<td>55.84</td>
<td>58.67</td>
<td>37.67</td>
<td></td>
</tr>
</tfoot>
</table>
<p>
<a href="">首页</a>
<a href="">上一页</a>
<a href="">1</a>
<a href="">2</a>
<a href="">3</a>
<a href="">4</a>
<a href="">…</a>
<a href="">下一页</a>
<a href="">尾页</a>
</p>
</body>
<html>