简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首页 > web前端 > html教程 > 正文

HTML中表格标签<table>的介绍（附代码）

不言
发布： 2018-08-02 09:53:12
原创
3250 人浏览过

这篇文章给大家介绍的内容是关于HTML中表格标签

的介绍（附代码），有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。

表格

表格由

标签来定义。

每个表格均有若干行（由

标签定义），每行被分割为若干单元格（由 。

上图的代码如下

<body>
        <table width="400" height="400" border="2">
            <!-- 第1行 -->
            <tr>
                <td colspan="4" bgcolor="aqua"></td>
            </tr>
            <!-- 第2行 -->
            <tr>
                <td rowspan="4" bgcolor="antiquewhite"></td>
                <td colspan="3" bgcolor="antiquewhite"></td>
            </tr>
            <!-- 第3行 -->
            <tr>
                <td rowspan="3" bgcolor="aquamarine"></td>
                <td colspan="2" bgcolor="aquamarine"></td>
            </tr>
            <!-- 第4行 -->
            <tr>
                <td rowspan="2" bgcolor="bisque"></td>
                <td bgcolor="bisque"></td>
            </tr>
            <!-- 第5行 -->
            <tr>
                <td></td>
            </tr>
        </table>
    </body>
登录后复制

相关文章推荐：

html给定标签选项并添加标签（附代码）

弹性布局是什么？弹性布局flex的基本应用（附代码）

以上是HTML中表格标签<table>的介绍（附代码）的详细内容。更多信息请关注PHP中文网其他相关文章！

相关标签：
表格标签<table>
来源：php.cn
上一篇：html给定标签选项并添加标签（附代码） 下一篇：关于Vue中计算属性的用法（附代码）
本站声明
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
作者最新文章
最新问题
为什么我的 hr 标签设置为白色纯色时是半透明的？ 我有一个html（带有引导程序）和一个CSS，在我的html中我有一个<hr>标签，它有一个类，然后在我的CSS中我有它的边框样式。它是半透明的，你可以看到白色，但它不...
来自于 2024-04-06 16:13:26
0
1
500
如何通过 DOM 而不是通过表来呈现数据 我对我正在创建的应用程序有疑问，我正在使用Oracle数据库，并且我正在从数据库中获取信息并通过表格将其呈现在屏幕上，但我想尝试单独处理这些数据，例如创建一个段落并显示一个值。我只...
来自于 2024-04-04 18:17:27
0
1
3567
如何监听特定的点击事件但抑制其他的？ 我的Web应用程序包含一个HTML表格，其中每一行都链接到一个特定的URL：<table><trdata-url="https://www.google...
来自于 2024-04-04 16:55:27
0
1
317
垂直旋转的表格标题，居中+底部对齐，跨浏览器 我的表格带有旋转标题，在Chrome中看起来符合预期，但在Firefox中却不是。Chromev108（垂直底部，水平中间）✅Firefoxv107（垂直中间，水平右）❌如何让它们...
来自于 2024-04-04 16:45:25
0
1
330
确保表格单元格的容器填充父级的整个高度 我尝试在不使用Flexbox的情况下垂直对齐内容，因为我们的用例存在一些问题，所以我尝试使用垂直对齐的表格来实现，但问题是里面的内容没有填充剩余的高度，是否可以通过CSS以某种方式...
来自于 2024-04-04 16:03:18
0
1
404
相关专题
更多>
热门推荐
热门教程
更多>
相关教程
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网：公益在线PHP培训，帮助PHP学习者快速成长！
标签定义）。

字母 td 指表格数据（table data），即数据单元格的内容。

数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。

例如，要画出如下表格：

分析：　1.分析行，每行是一个tr标签

　　　　2.从第一行开始，看每行有几个单元格，几个单元格就是几个td标签

　　　　3.如果是占用空间为1行1列，省略行数，直接为