HTML---表格操作

表格操作

表格的基本语法

<table>
    <tr>
        <td>
        </td>
    </tr>
</table>
tr表示行
td表示列
border:边框
height:边框的高度
width:边框的宽度
frame:设置表格的外层边框
    void 不显示外侧边框
    box 显示四侧边框
设置水平对齐
    align:left,center,right
设置垂直对齐
    valign:top,middle,bottom

    <table border="5">
    <tr>
        <td align="center" valign="bottom">第一行第一列</td>
        <td>第一行第二列</td>
        <td>第一行第三列</td>
    </tr>
    <tr>
        <td>第二行第一列</td>
        <td>第二行第二列</td>
        <td>第二行第三列</td>
    </tr>
    <tr>
        <td>第三行第一列</td>
        <td>第三行第二列</td>
        <td>第三行第三列</td>
    </tr>
</table>

表格的跨行
rowspan 跨行
colspan 跨列

<table border="5">
    <tr>
        <td colspan="3">学生成绩</td>
    </tr>
    <tr>
        <td rowspan="2">张三</td>
        <td>语文</td>
        <td>60</td>
    </tr>
    <tr>
        <td>数学</td>
        <td>70</td>
    </tr>
    <tr>
        <td>李四</td>
        <td>语文</td>
        <td>60</td>
    </tr>
</table>