Rumah >hujung hadapan web >Soal Jawab bahagian hadapan >Artikel yang meneroka tetapan jadual HTML

Artikel yang meneroka tetapan jadual HTML

PHPz
PHPzasal
2023-04-13 13:38:44755semak imbas

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>

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;">

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