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

h5中​重要的三个表格标签（table tr td）

零下一度
Lepaskan： 2018-03-16 12:36:02
asal
6736 orang telah melayarinya

最重要的三个：

表格声明标签

属性:

  1. boarder    边框粗细

  2. style    可配合css 使用

    行标签 table row 有表就可以建行

有多行, 有时候数据很多, 不一定能顾及前后, thead等的语义就是强制吧thead包括的内容全部调到第一展示. 而tfoot调到最后. 这是一个编程的规范

<table>
<thead>
<td>1</td>
</thead>
<tbody>
<td>2</td>
</tbody>
<tfoot>
<td>3</td>
</tfoot>
</table>
Salin selepas log masuk

    单元格标签 table data     有行就可以建数据

属性:

  1. colspan    data占用格子, 或者可以理解为这个单元格要合并多少个横向的单元格.

  2. rowspan    纵向占用格子…

    tablehead    单元格表头, 特殊类td, 由于表头的文字都会居中加粗, 是有一点不一样.

<!-- table 是表格声明标签, tr是一行, td是一格 -->
<tableborder="1" style="width: 300px;">    
<!-- board 边框属性, 值越大越粗    style是配合css一起使用的, 设置行宽px是像素为单位. -->
<tr>                                    
<td>第一行,第一格</td>    
<td>第一行,第二格</td>
<td>第一行,第三格</td>
</tr>
<tr>
<td>第2行,第一格</td>
<td>第2行,第二格</td>
<td>第2行,第三格</td>
</tr>
<br>
<tableborder="1" style="width: 300px;">    <!-- 复制的     -->
<tr>
<td>第一行,第一格</td>    
<td>第一行,第二格</td>
<td>第一行,第三格</td>
</tr>
<tr>
<td>第2行,第一格</td>
<td>第2行,第二格</td>
<td>第2行,第三格</td>
</tr>
<tr>
<td>只有一格</td>
</tr>
<tr>
<tdcolspan="3">只有一格,共占3格</td>
Salin selepas log masuk

表的结构排序

 表的标题, 在框外.

background 通用属性, 用于颜色控制

注,此方法设置列的颜色行不通.

<colgrounp>
Salin selepas log masuk

这个只能设置第一列是红色, 不能设置指定列的颜色.

如果是

<colgroup style="background:red;" span =2> <colgroup>
Salin selepas log masuk

span=2 只能是前两列而不是第二列

两种正确的方法

1.先设置第一列的颜色,在设置第二列颜色

2.使用col占位符

Atas ialah kandungan terperinci h5中​重要的三个表格标签（table tr td）. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan：
h5 html5 table 标签 表格
sumber：php.cn
Artikel sebelumnya：h5QQ登录cav demo的实例详解 Artikel seterusnya：sublime 插件安装--sublime highlight实例
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
Bagaimana untuk mendapatkan semula nilai baris yang tidak dipilih dalam jadual data HTML menggunakan jquery Saya cuba mendapatkan nilai semua baris di mana butang tidak diklik. Sebagai contoh, apabi...
daripada 2024-04-05 09:26:49
0
1
1418
Dapatkan nilai berkaitan bersarang dalam mysql Saya cuba mendapatkan semula nilai berkaitan berdasarkan berbilang entri dalam pangkalan d...
daripada 2024-04-04 17:29:06
0
2
365
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
Jadual dengan pengepala tetap dan pengepala lajur diputar Saya mempunyai jadual dengan pengepala tetap dan lajur pertama tetap. Saya juga mahu memut...
daripada 2024-04-03 08:50:32
0
1
362
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！