10 teg berkaitan jadual dalam HTML_HTML/Xhtml_Pengeluaran halaman web

Malah ramai orang akan berkata "Saya melihat bahawa jadual tidak boleh digunakan", tetapi ini benar-benar salah! Cadangan ini hanya terpakai untuk menggunakan jadual HTML untuk mentakrifkan reka letak halaman web, tetapi jadual sesuai untuk menyusun baris dan lajur maklumat data dengan mudah, dan jika anda mesti memaparkan data jadual pada halaman, anda perlu menggunakannya! kenapa tidak Walau bagaimanapun, dalam kes ini, sesetengah orang mengabaikan kewujudan teg HTML tertentu untuk jadual dan tidak tahu cara menggunakannya dengan betul.

HTML mempunyai 10 teg berkaitan jadual. Di bawah ialah senarai dengan pengenalan, tetapi pertama sekali, dokumen mesti ditakrifkan dengan betul di bawah HTML 4.01/XHTML 1 atau HTML 5:

• Tentukan tajuk jadual (4, 5)
• Tentukan atribut (4, 5) untuk lajur jadual
• Takrifkan kumpulan lajur jadual (4, 5)
• Tentukan jadual (4, 5)
• Tentukan badan jadual (4, 5)
• Tentukan sel (4, 5)
• Tentukan nota jadual (bawah) jadual (4, 5)
• Tentukan pengepala jadual (4, 5)
• Tentukan pengepala jadual (4, 5)
• Tentukan baris (4, 5) jadual

  Struktur jadual asas adalah seperti berikut:

  

  Ia mengandungi tajuk, pengepala, badan dan pengaki. Susunan elemen HTML yang betul ialah:

  5. Anda juga boleh menggunakan
  dan
  untuk menentukan lajur jadual atau lajur kumpulan:
  Berikut ialah contoh struktur jadual yang betul:

  7. Salin kod
     
     

     Kodnya adalah seperti berikut:

     
     

     
     ;/tr>
     
     
     /td>
     !-- Badan Meja- ->
     td>F
     
     Hasil dalam penyemak imbas adalah seperti yang ditunjukkan di bawah:
     
     

     Beberapa petua tentang borang

     • Menurut penjelasan dan penggunaan w3schools, dalam definisi jadual, elemen

     mesti muncul sebelum , supaya penyemak imbas boleh memaparkan jadual sebelum menerima semua data Nota. Selain itu, jika tidak dalam susunan ini, ia akan gagal untuk lulus pengesahan HTML4 dan XHTML W3C, tidak kira DTD yang anda isytiharkan. Dalam HTML 4.01, atribut

     align dan bgcolor jadual telah ditamatkan, jadi tiada atribut jadual disokong dalam HTML 5 (sebenarnya, dalam XHTML The "align" dan "bgcolor " atribut tidak lagi disokong dalam 1.0 Strict DTD);

     Semua penyemak imbas utama menyokong teg tetapi Firefox, Chrome dan Safari hanya menyokong atribut span dan width bagi elemen colgroup;

     Empty-cells:show|hide in css boleh menetapkan sama ada sel kosong memaparkan sempadan. Ambil perhatian bahawa

     ini perlu ditetapkan dalam jadual dan bukannya td/th

     . Masalah ini lebih mudah dihadapi dalam IE6 border-collapse:collapse | berasingan dalam css boleh menetapkan sama ada jidar jadual digabungkan menjadi satu jidar

     Atribut jarak sempadan dalam CSS adalah bersamaan dengan atribut jarak sel jadual.

     Untuk merealisasikan model pembangunan pemisahan prestasi dan struktur yang dianjurkan pada masa ini, pemerhatian bahagian hadapan mengesyorkan agar semua perkara yang berkaitan dengan lapisan pembentangan dalam halaman dikawal oleh CSS dan bukannya menggunakan atribut HTML sendiri untuk mengawal prestasi halaman. Dan jadual adalah yang paling mudah diabaikan.

     Untuk butiran lanjut tentang jadual, anda boleh melihat dokumen W3C:

     w3 Pengenalan kepada jadual Akhir sekali, saya meninggalkan anda dengan soalan yang sangat mudah: Atribut CSS yang manakah bersamaan dengan atribut cellpadding jadual?

     Kapsyen jadual di sini

     Kepala 1	Kepala 2
     Kaki 2	Kaki 3
     C