Penggunaan jadual dalam html

Jadual HTML ialah alat untuk menyusun data ke dalam struktur seperti grid, yang terdiri daripada baris dan lajur. Untuk membuat jadual, anda perlu menggunakan teg <table>, dengan <thead> td> masing-masing mewakili pengepala jadual dan badan jadual. Jadual boleh menetapkan sempadan, jarak dan lebar.

Penggunaan jadual HTML

Apakah jadual HTML?

Jadual HTML digunakan untuk menyusun data ke dalam struktur seperti grid, dan setiap grid dipanggil sel. Jadual terdiri daripada baris dan lajur, dengan baris mendatar dan lajur menegak.

Cara membuat jadual HTML

Untuk mencipta jadual dalam HTML, anda perlu menggunakan tag <table>: <table> 标签：

<code class="html"><table>
  <thead>
    <tr><th>列标题 1</th><th>列标题 2</th></tr>
  </thead>
  <tbody>
    <tr><td>单元格 1</td><td>单元格 2</td></tr>
    <tr><td>单元格 3</td><td>单元格 4</td></tr>
  </tbody>
</table></code>

• <thead> 和 <tbody> 分别表示表头和表身。
• <tr> 表示行。
• <th> 表示表头单元格。
• <td>

  <code class="html"><table border="1" cellpadding="5">
    <tr><th>姓名</th><th>年龄</th></tr>
    <tr><td>张三</td><td>20</td></tr>
    <tr><td>李四</td><td>25</td></tr>
  </table></code>

<thead> code> dan <tbody> masing-masing mewakili pengepala jadual dan badan jadual.

<tr> bermaksud baris.

<th> mewakili sel pengepala.

• <td> mewakili sel badan jadual.
• Sifat meja
• sempadan: Kawal ketebalan sempadan meja.
• jarak sel: Tetapkan jarak menegak antara sel.

cell padding: Tetapkan jarak antara elemen dalam sel dan sempadan sel.

lebar:
• Nyatakan lebar jadual.
• Pengepala jadual dan badan jadual

Pengepala (): Mengandungi label tajuk atau lajur dalam jadual.

Isi jadual (<tbody>):
• Mengandungi data sebenar dalam jadual.
• Cell properties
• colspan: Nyatakan bilangan lajur yang merentangi sel.

jalur baris: Menentukan bilangan baris sepanjang sel.

sejajar:

Nyatakan penjajaran teks dalam sel. 🎜🎜🎜🎜Contoh🎜🎜🎜Berikut ialah jadual ringkas dengan sempadan dan pelapik: 🎜rrreee

Atas ialah kandungan terperinci Penggunaan jadual dalam html. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!