HTML标签表格标签

HTML标签表格标签

tr：定义行

　　bgcolor：背景色

　　align：对齐方式

td：定义单元格

　　colspan：合并列

　　rowspan：合并行

<caption>：表格标题

<thead>：表示表格头部分

<tbody>：表示表格的体部分

<tfoot>：表示表格的脚部分

    <!--表格标签 -->
    <table border="1" width="50%" cellpadding="1" cellspacing="0" bgcolor="#75c932" align="center">

        <tr><!--表头-->
            <td>编号</td>
            <td>姓名</td>
            <td>成绩</td>
        </tr>
        <tr><!--1列-->
            <td>1</td>
            <td>小龙女</td>
            <td>100</td>
        </tr>
        <tr><!--2列-->
            <td>2</td>
            <td>郭伟明</td>
            <td>50</td>
        </tr>
    </table>

    <hr color="red" size="2" width="70%" align="center">



    <table border="1" width="50%" cellpadding="1" cellspacing="0" bgcolor="#75c932" align="center">
        <caption>学生信息表</caption><!--表格的标题-->
       <thead><!--表格头部-->


          <tr><!--表头-->
                <td>编号</td>
                <td>姓名</td>
                <td>成绩</td>
            </tr>

       </thead>

        <tbody><!--表格体部-->

            <tr bgcolor="aqua" align="center"><!--1列-->
                <td>1</td>
                <td>小龙女</td>
                <td>100</td>
            </tr>
            <tr><!--2列-->
                <td>2</td>
                <td>郭伟明</td>
                <td>50</td>
            </tr>

        </tbody>

        <tfoot> <!--表格尾部-->

            <tr><!--3列-->
                <td>3</td>
                <td>郭伟明老婆</td>
                <td>1</td>
            </tr>
        </tfoot>
    </table>

    <hr color="red" size="2" width="70%" align="center">



        <table border="1" width="50%" cellpadding="1" cellspacing="0" bgcolor="#75c932" align="center">

            <tr><!--表头-->
                <td>编号</td>
                <td>姓名</td>
                <td>成绩</td>
            </tr>
            <tr><!--1列-->
                <td rowspan="2">1</td><!--合并航-->
                <td colspan="2">小龙女</td><!--合并列-->
                <td>100</td>
            </tr>
            <tr><!--2列-->
                <td>2</td>
                <td>郭伟明</td>
                <td>50</td>
            </tr>
            <tr><!--3列-->
                <td>3</td>
                <td>郭伟明老婆</td>
                <td>1</td>
            </tr>
        </table>
    <hr color="red" size="2" width="70%" align="center">

运行结果：