20-表格标签基本使用

最新推荐文章于 2024-01-10 12:02:16 发布

majiamin123

最新推荐文章于 2024-01-10 12:02:16 发布

阅读量315

点赞数

分类专栏： Html基础文章标签： html表格标签的使用

本文链接：https://blog.csdn.net/majiamin123/article/details/100813080

版权

Html基础专栏收录该内容

23 篇文章 1 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>21-表格标签基本使用</title>
</head>
<body>
<!--要求写一个表格，这个表格中有2行3列-->
<table border="1">
    <tr>
        <td>1.1</td>
        <td>1.2</td>
        <td>1.3</td>
    </tr>
    <tr>
        <td>2.1</td>
        <td>2.2</td>
        <td>2.3</td>
    </tr>
</table>

</body>
</html>

运行结果截图如下：
在这里插入图片描述

其实在过去表格标签用的非常非常的多，绝大多数的网站都是使用表格标签来制作的，也就是说表格标签是一个时代的代表

1、什么是表格标签？
表格标签作用：用来给一堆数据添加表格语义
其实表格是一种数据的展现形式，当数据量非常大的时候，表格这种展现形式被认为是最为清晰的一种展现形式

2、表格标签格式：

<table>
    <tr>
        <td>需要显示的内容</td>
    </tr>
</table>

其实表格标签中的table代表整个表格，也就是一堆table标签就是一个表格
其实表格标签中的tr标签代表整个表格中的一行数据，也就是说一对tr标签就是表格中的一行
其实表格标签中的td标签代表表格中一行中的一个单元格，也就是说一对td标签就是一行中的一个单元格

3、注意点
3.1表格标签有一个边框属性，这个属性决定了边框的宽度，默认情况下这个属性的值是0，所以看不到边框
3.2表格标签和列表标签一样，它是一个组合标签，所以table/tr/td要么一起出现，要么一起不出现，不会单个出现

majiamin123

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
20-表格标签基本使用

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>21-表格标签基本使用</title></head><body><tab...
复制链接

扫一扫

专栏目录