隔壁司机老王

微博:i王YOU

导航

HTML5-表格

 

表格:表头<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>

 

posted on 2015-04-06 13:08  隔壁司机老王  阅读(491)  评论(0编辑  收藏  举报