HTML5-表格

浏览数：25 / 时间：2015年06月09日

表格：表头<caption>,行<tr>,列<td>,标题<th>

属性：cellpadding="10" cellspacing="10":单元格间距，单元格边距|

bgcolor="#8a2be2"【背景颜色】，background="images/html.jpg"【背景图片】

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>表格</title>
</head>
<body>
    <p>表格</p>
    <table border="1">
        <caption>重要表格</caption>
        <!-- <caption>重要表格</caption>：表头-->
        <tr>
            <th>单元</th>
            <th>单元</th>
            <th>单元</th>
        </tr>
        <tr>
            <td>单元格1</td>
            <td>单元格2</td>
            <td>单元格3</td>
        </tr>
        <tr>
            <td>单元格1</td>
            <td>单元格2</td>
            <td>
                <ul>
                    <li>苹果</li>
                    <li>苹果</li>
                    <li>苹果</li>
                </ul>
            </td>
        </tr>

    </table>
    <br/>
    <table border="1" cellpadding="10" cellspacing="10" bgcolor="#8a2be2">
        <!--  cellpadding="10" cellspacing="10":单元格间距，单元格边距-->
        <tr>
        <td>单元格1</td>
        <td>单元格2</td>
        <td>单元格3</td>
        </tr>
        <tr>
            <td>单元格4</td>
            <td>单元格4</td>
            <td>单元格6</td>
        </tr>
    </table>
    <!-- bgcolor="#8a2be2"【背景颜色】，background="images/html.jpg"【背景图片】-->
    <br/>
    <table border="1" cellpadding="10" cellspacing="10" background="images/html.jpg">
        <!--  cellpadding="10" cellspacing="10":单元格间距，单元格边距-->
        <tr>
            <td>单元格1</td>
            <td>单元格2</td>
            <td>单元格3</td>
        </tr>
        <tr>
            <td>单元格4</td>
            <td>单元格4</td>
            <td>单元格6</td>
        </tr>
    </table>
</body>
</html>