Tetapan jadual HTML ialah bahagian yang sangat penting dalam reka bentuk web. Jadual boleh digunakan untuk memaparkan data, memformat kandungan dan menyusun halaman. Dalam HTML, jadual bermula dengan elemen
Dalam artikel ini, kami akan meneroka tetapan jadual HTML, termasuk struktur jadual, gaya jadual dan kesan khas jadual.
Struktur jadual
Jadual HTML biasanya terdiri daripada tiga tag utama:
, dan . Teg mentakrifkan jadual, teg mentakrifkan baris dan teg Berikut ialah struktur jadual HTML asas:
<table>
<tr>
<td>单元格1</td>
<td>单元格2</td>
<td>单元格3</td>
</tr>
<tr>
<td>单元格4</td>
<td>单元格5</td>
<td>单元格6</td>
</tr>
</table> Salin selepas log masuk Jadual ini mengandungi dua baris dan tiga lajur. Setiap sel mengandungi kandungan. Apabila menambah lebih banyak sel, setiap baris mesti mempunyai bilangan sel yang sama.
Gaya Jadual
Apabila mereka bentuk halaman web, gaya adalah penting. Anda boleh menggunakan helaian gaya CSS untuk mengawal penampilan jadual HTML. Terdapat beberapa cara untuk menggayakan meja.
Salah satu cara ialah menggunakan gaya sebaris. Gaya sebaris mentakrifkan gaya pada satu elemen, contohnya:
<table style="border-collapse: collapse;"> Salin selepas log masuk Kod di atas menetapkan pertindihan sempadan, tetapi anda boleh menetapkan jarak antara setiap lajur dan baris.
Kaedah lain ialah meletakkan peraturan CSS di kepala dokumen HTML dan memasukkannya dengan teg | |
