码迷,mamicode.com
首页 > Web开发 > 详细

03.html学习-表格

时间:2015-11-05 22:02:55      阅读:280      评论:0      收藏:0      [点我收藏+]

标签:

表格使用到的标签:
<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>

技术分享

 

03.html学习-表格

标签:

原文地址:http://www.cnblogs.com/transcendent/p/4940809.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!