表格常见标签和属性

表格常见标签和属性

1、表格基本格式：

<table>
    <caption>标题</caption>
    <thead>
        <tr>
            <th>表头内容</th>
            <th>表头内容</th>
        </tr> 
    </thead>
    <tbody>
         <tr>
            <td>单元格内容</td>
            <td>单元格内容</td>
        </tr>
    </tbody>
</table>

2、基本属性：

• 边框：border:
• 宽：width
• 高：height
• 单元格内边距：cellpadding
• 单元格间距：cellspacing
• 表格水平对齐方式：align
• 细边框：style="border-collapse:collapse;"
• 合并行单元格：rowspan
• 合并列单元格：colspan

3、例子

<!--边框大小为1，表格宽为200px，表格高为200px,单元格内边距为1,单元格间距为0,表格居中,合并边框-->
<table border="1" width="200" height="200" cellpadding="1" cellspacing="0" align="center" style="border-collapse: collapse">
    <!--标题-->
    <caption>这是一个表格</caption>
    <!--表头-->
    <thead>
            <tr>
                <th>1</th>
                <th>2</th>
                <th>3</th>
            </tr>
    </thead>
    <!--表体-->
    <tbody>
    <tr>
        <td>1</td>
        <td>1</td>
        <!--合并两行单元格-->
        <td rowspan="2">1</td>
    </tr>
    <tr>
        <td>1</td>
        <td>1</td>
    </tr>
    <tr>
        <td>1</td>
        <!--合并两列单元格-->
        <td colspan="2">1</td>
    </tr>
    </tbody>
</table>