简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Rumah > hujung hadapan web > html tutorial > teks badan

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

不言
Lepaskan： 2018-08-02 09:53:12
asal
3249 orang telah melayarinya

这篇文章给大家介绍的内容是关于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>
Salin selepas log masuk

相关文章推荐：

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

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

Atas ialah kandungan terperinci HTML中表格标签<table>的介绍（附代码）. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan：
表格标签<table>
sumber：php.cn
Artikel sebelumnya：html给定标签选项并添加标签（附代码） Artikel seterusnya：关于Vue中计算属性的用法（附代码）
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Isu terkini
Mengapa teg jam saya lut sinar apabila ia ditetapkan kepada warna putih pepejal? Saya mempunyai html (dengan bootstrap) dan css, dalam html saya, saya mempunyai tag <hr...
daripada 2024-04-06 16:13:26
0
1
500
Cara untuk memberikan data melalui DOM dan bukannya melalui jadual Saya mempunyai soalan tentang aplikasi yang saya buat, saya menggunakan pangkalan data Ora...
daripada 2024-04-04 18:17:27
0
1
3567
Bagaimana untuk mendengar acara klik tertentu tetapi menyekat yang lain? Aplikasi web saya mengandungi jadual HTML di mana setiap baris dipautkan ke URL tertentu: ...
daripada 2024-04-04 16:55:27
0
1
317
Tajuk jadual diputar secara menegak, dijajarkan di tengah + bawah, penyemak imbas silang Saya mempunyai jadual dengan pengepala berputar yang kelihatan seperti yang diharapkan dal...
daripada 2024-04-04 16:45:25
0
1
330
Pastikan bekas sel jadual memenuhi keseluruhan ketinggian induk Saya cuba menjajarkan kandungan secara menegak tanpa menggunakan Flexbox, kerana terdapat ...
daripada 2024-04-04 16:03:18
0
1
404
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！
标签定义）。

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

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

例如，要画出如下表格：

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

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

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