表格标签

1.<table>标签

表格使用到的标签：

    <table> 表格
    <tr>    行
    <td>    单元格
    <th>     表头   默认的样式是居中，加粗。
    <caption>  表格的标题

表格常用的属性：

    align：  设置内容或标题位置
    border  设置表格的边框 有多宽。

　 width : 设置表格的宽度。
    height: 设置表格的高度的。
    colspan: 设置单元格占据指定的列数。
    rowspan : 设置单元格占据指定的行数。

整个表格就是table，一行是tr，html里是没有列的，它是一行里有多少个单元格(td)。

<body>
    <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>
            <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>
</html>

一个浏览器只要遇到一个tbody标签，那么就可以显示当前页面的信息。

以前的浏览器一旦遇到了一个<table>的开始标签，就必须等到遇到table标签的结束标签d时候，才会在网页中显示一个表格的内容。

之前很多的网页都是使用表格布局的。

后来一个表格被分成三部分:

　　<thead>　　表头　　可以没有thead

　　<tbody>　　表体　　一个表格至少哟啊存在一个tbody

　　<tfoot> 　　表尾　　可以没有tfoot

posted @ 2016-06-21 23:52  芬乐  阅读(174)  评论(0)  编辑  收藏  举报