Rumah > hujung hadapan web > html tutorial > Penggunaan jadual dalam html

Penggunaan jadual dalam html

下次还敢
Lepaskan: 2024-04-27 20:54:38
asal
531 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!

Label berkaitan:
lsp
sumber:php.cn
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan