Penggunaan jadual dalam html-html tutorial-php.cn

Penggunaan jadual dalam html

下次还敢

Lepaskan： 2024-04-27 20:54:38

asal

558 orang telah melayarinya

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 dalam html

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>

Salin selepas log masuk

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

Salin selepas log masuk

<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!