html之表格

<table>表格标签

表格使用到的标签:
<table> 表格
<tr> 行  
<td> 单元格
<th> 表头 默认的样式是居中,加粗。
<caption> 表格的标题
(行和单元格自然也有其对应的属性,align、colspan、rowspan等等)

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

align:表格的位置

 表格分为三部分:

<thead>表头

<tbody>表体

<tfoot>表尾

对于表格来说<tbody>是一定要有的

<table align="center" border="1px" bordercolor="#0066CC" width="400px" height="300px">
        <caption>期末考试成绩表</caption>
        <thead>
            <tr>
                <th>姓名</th>
                <th>分数</th>
                <th>人品</th>
            </tr>
        </thead>
        
        <tbody>
        <tr align="center">
            <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>

运行实例:

 

posted @ 2017-02-24 17:25  mslog  阅读(158)  评论(0编辑  收藏  举报