html5 表格

最新推荐文章于 2021-11-28 13:13:33 发布

为了那份宁静

最新推荐文章于 2021-11-28 13:13:33 发布

阅读量768

点赞数

分类专栏： HTML5/CSS3

本文链接：https://blog.csdn.net/linhaiguo/article/details/51077488

版权

HTML5/CSS3 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>html 表格</title>
</head>
<body>
<!--<table>
    <caption>表格标题</caption>
    <tr>
        <th>单元</th>
        <th>单元</th>
        <th>单元</th>
    </tr>
    <tr>
        <td>单元格1</td>
        <td>单元格1</td>
    </tr>
    <tr>
        <td>单元格1</td>
        <td>单元格1</td>
    </tr>
</table>-->

<!--<table>
    <caption>带有标签的表格</caption>
    <tr>
        <th>单元</th>
        <th>单元</th>
        <th>单元</th>
    </tr>
    <tr>
        <td><ul>
            <li>菠萝</li>
            <li>菠萝</li>
            <li>菠萝</li>
        </ul></td>
        <td>我想买了</td>
    </tr>
</table>-->
<table border="1" cellpadding="20">
    <caption>单元格的边距</caption>
    <tr>
        <th>单元</th>
        <th>单元</th>
        <th>单元</th>
    </tr>
    <tr>
        <td>test</td>
        <td>我想买了</td>
        <td>test</td>
    </tr>
</table>

<table border="1" cellspacing="20" bgcolor="aqua" background="背景图片.jpg">
    <caption>单元格的间距</caption>
    <tr>
        <th>单元</th>
        <th>单元</th>
        <th>单元</th>
    </tr>
    <tr>
        <td>test</td>
        <td>我想买了</td>
        <td>test</td>
    </tr>
</table>
</body>
</html>