03.html学习-表格

表格使用到的标签:
<table> 表格
<tr> 行
<td> 单元格
<th> 表头 默认的样式是居中,加粗。
<caption> 表格的标题


表格常用的属性:
border 设置表格的边框
width : 设置表格的宽度
height: 设置表格的高度的。
colspan: 设置单元格占据指定的列数。
rowspan : 设置单元格占据指定的行数。

-->
<body>
<table align="center" border="1px" bordercolor="#0066CC" width="400px" height="300px">
<caption>期末考试成绩表</caption>
<thead>
   <tr>
       <th>姓名</th>   <!--th为表头内容-->
       <th>分数</th>
       <th>人品</th>
  </tr>
</thead>

<tbody>
   <tr>
        <td rowspan="2">凡江</td>
        <td>98</td>
        <td>优</td>
 </tr>

  <tr>
        <td>100</td>
        <td>优</td>
 </tr>

  <tr>
        <td>居东东</td>
        <td>99</td>
        <td>非常好</td>
</tr>

<tr align="center">
       <td>综合测评</td>
       <td colspan="2">非常好</td>
</tr>

</tbody>
</table>


</body>

 

posted @ 2015-11-05 21:06  放逐之风  阅读(135)  评论(0编辑  收藏  举报