html表格

 

 

基本表格样式：

<!--表格table
    行：tr
    列: td-->
<table border="1px">
    <tr>
        <td>1-1</td>
        <td>1-2</td>
        <td>1-3</td>
        <td>1-4</td>
    </tr>
    <tr>
        <td>2-1</td>
        <td>2-2</td>
        <td>2-3</td>
        <td>2-4</td>
    </tr>
    <tr>
        <td>3-1</td>
        <td>3-2</td>
        <td>3-3</td>
        <td>3-4</td>
    </tr>
</table>

跨列表格样式：

<table border="1px">
    <tr>
        <!--colspan：跨列-->
        <td colspan="4">1-1</td>

    </tr>
    <tr>
        <!--rowspan:跨行-->
        <td rowspan="2">2-1</td>
        <td>2-2</td>
        <td>2-3</td>
        <td>2-4</td>
    </tr>
    <tr>
        <td>3-1</td>
        <td>3-2</td>
        <td>3-3</td>
    </tr>

 

1-1居中加上属性align：

 <tr>
        <!--colspan：跨列-->
        <td colspan="4" align="center">1-1</td>

    </tr>