表格标签介绍

最新推荐文章于 2024-03-20 14:47:25 发布

猩猩老师

最新推荐文章于 2024-03-20 14:47:25 发布

阅读量4.6k

点赞数 2

分类专栏： HTML

本文链接：https://blog.csdn.net/dfkjds/article/details/108214434

版权

HTML 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

表格标签

< table > < /table> （声明表格标签）

< tr > < /tr > （声明行）

< td > < /td > （声明单元格）

< th > < /th> （表头标签）

border （显示表格框线）

height （表格的高度）

width （表格的宽度）

caption （表格标题）

cellpadding（单元格内容与单元格边框之间的距离）

cellspacing （单元格与单元格之间的距离）

clospan （合并列）

rowspan （合并行）

例如：

<table>
        <tr>
            <td>奥利换购</td>
        </tr>
    </table>

效果图：

在这里插入图片描述

例如：

<table>
        <tr>
            <th>奥利换购</th>
        </tr>

效果图：

在这里插入图片描述

例如：

 <table border="1" cellpadding="40" cellspacing="0" align="center">
        <tr>
            <th>农作物</th>
            <th>水果</th>
            <th>肉类</th>
            <th>大米</th>
        </tr>
        <tr>
            <td>玉米</td>
            <td>西瓜</td>
            <td>猪肉</td>
            <td>糯米</td>
        </tr>
        <tr>
            <td>水稻</td>
            <td>哈密瓜</td>
            <td>羊肉</td>
            <td>小米</td>
        </tr>
    </table>

在这里插入图片描述

当然，一个表格标签里面可以多个td 和tr ，td和th要灵活使用哦

总结：

表格的主要目的是用来存储特殊数据的
一个完整的表格有表格标签（table），行标签（tr），单元格标签（td）组成，没有列的标签
< tr > < /tr > 里面只能嵌套 < td > < /td > 类的单元格
整的表格有表格标签（table），行标签（tr），单元格标签（td）组成，没有列的标签
< tr > < /tr > 里面只能嵌套 < td > < /td > 类的单元格
< td > < / td > 标签可以容纳所有元素