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>

相关阅读:
Flask 的请求扩展与中间件
Flask的配置文件与 session
django中的FBV和CBV
Flask开启多线程、多进程
WPF获取原始控件样式
一个40岁老码农的总结，奋斗没有意义，选择大于努力
FastText 分析与实践
Flask的多app应用，多线程如何体现
Python 远程调用MetaSploit
GitLab 7.5.3 CentOS7安装和SMTP配置

原文地址：https://www.cnblogs.com/wintuzi/p/4395779.html