HTML总结3（表格标签）

最新推荐文章于 2024-11-17 21:28:21 发布

敏梨

最新推荐文章于 2024-11-17 21:28:21 发布

阅读量64

点赞数

文章标签： html5 html

本文链接：https://blog.csdn.net/lzwlm53/article/details/112973621

版权

表格标签：用于显示、展示数据

表头中文字加粗居中显示
cellpadding：单元边沿与其他内容之间空白（文字与边框）
cellspacing:单元格之间空白
rowspan:跨行；colspan:跨列；

合并单元格：1.合并单元格；2.找到目标单元格（上侧、左侧）3.删除单元格

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <!-- 这些属性要写到table中 -->
    <table align="center" border="1" cellpadding="0" cellspacing="0" width="500" height="222 caption=" 表格 ">
        <thead>
            <tr>
                <th>
                    排名
                </th>
                <th colspan="2 ">
                    关键词
                </th>

                <th>
                    今日搜索
                </th>
                <th>
                    最近七日
                </th>
                <th>
                    相关链接
                </th>
            </tr>
        </thead>
        <tbody>
        <tr>

            <td rowspan=" 2 ">
                1
            </td>
            <td>
                鬼吹灯
            </td>

            <td>
                上升
                <!-- 上升 tupian -->
            </td>
            <td>
                345
            </td>
            <td>
                123
            </td>
            <td>
                <a href="# ">贴吧</a>
                <a href="http://tupian.com ">图片</a>
                <a href="http://baidu.com ">百科</a> </td>
        </tr>
        <tr>
            
            <td>
                盗墓笔记
            </td>

            <td>
                上升
            </td>
            <td>
                124
            </td>
            <td>
                675432
            </td>
            <td>
                <a href="http://tiebacom ">贴吧</a>
                <a href="http://tupian.com ">图片</a>
                <a href="http://baidu.com ">百科</a>
            </td>
        </tr>
        <tr>
            <td>
                3
            </td>
            <td>
                西游记
            </td>

            <td>
                下降
            </td>
            <td>
                122
            </td>
            <td>
                7654
            </td>
            <td>
                <a href="http://tiebacom ">贴吧</a>
                <a href="http://tupian.com ">图片</a>
                <a href="http://baidu.com ">百科</a>
            </td>
        </tr>
        </tbody>
    </table>
</body>

</html>