Apakah Kumpulan Pengepala Jadual?
Dalam CSS, ' Kumpulan Pengepala Jadual ' digunakan untuk memaparkan pengepala jadual melalui '
Contoh
Pengepala jadual mempunyai pemformatan yang berbeza daripada entri lain dalam jadual untuk membezakannya secara visual. Ini biasanya diwakili oleh saiz fon tebal atau teks berskala atas. Apabila menyenaraikan nama 'Lelaki' dan 'Wanita', kami boleh menetapkan mereka sebagai Pengepala dalam baris yang berasingan seperti yang ditunjukkan dalam contoh di bawah:
< meja >
< thead >
< tr >
< ke > Lelaki < / ke >
< ke > perempuan < / ke >
< / tr >
< / thead >
< tbody >
< tr >
< td > James < / td >
< td > Jessica < / td >
< / tr >
< tr >
< td > David < / td >
< td > Laura < / td >
< / tr >
< tr >
< td > Yakub < / td >
< td > Rebecca < / td >
< / tr >
< / tbody >
< / meja >
Langkah berikut menerangkan cara membuat Pengepala Jadual:
- Tambah '
teg ” untuk membuat jadual. - Dalam langkah seterusnya, nyatakan '
teg ” yang merujuk kepada pengepala jadual. - Tambahkan nilai pengepala sebagai baris melalui teg “
” dan tutup pengepala melalui teg “”. - Sekarang, masukkan ' ” tag untuk memulakan badan meja.
- Masukkan data untuk setiap baris menggunakan teg “
” dan “ jadual> ” tag, masing-masing.”. - Buat kesimpulan badan jadual dan jadual melalui “
Pengeluaran
Apakah Kumpulan Pengaki Meja?
' Kumpulan Pengaki Meja ” digunakan untuk memaparkan pengaki jadual dalam CSS dengan bantuan “ ” tag. Pengaki juga memberi maklumat tentang kandungan jadual yang dapat membantu pembaca dalam memahami data dengan lebih jelas. Menggunakan contoh yang sama dari bahagian sebelumnya, tambah pengaki yang memberikan jumlah bilangan entri dalam setiap lajur untuk 'Lelaki' dan 'Wanita' dalam jadual.
Contoh
< meja >
Gambaran keseluruhan contoh berikut menerangkan konsep yang dibincangkan:
< thead >
< tr >
< ke >Lelaki< / ke >
< ke >Wanita< / ke >
< / tr >
< / thead >
< tbody >
< tr >
< td >James< / td >
< td >Jessica< / td >
< / tr >
< tr >
< td >David< / td >
< td >Laura< / td >
< / tr >
< tr >
< td >Yakub< / td >
< td >Rebecca< / td >
< / tr >
< / tbody >
< tfoot >
< tr >
< td kelas = 'bg-kelabu-200' >Jumlah 03< / td >
< td kelas = 'bg-kelabu-200' >Jumlah 03< / td >
< / tr >
< / tfoot >
< / meja >Langkah-langkah berikut menerangkan langkah-langkah untuk mencipta Pengaki Jadual:
- Sama seperti contoh sebelumnya, tambahkan '
teg ” untuk membuat/menyertakan jadual. - Sertakan '
teg ” untuk menentukan pengepala jadual. - Sekarang, begitu juga, tambahkan tajuk pengepala sebagai baris dan tutup pengepala melalui ' ” tag.
- Ingat pendekatan yang dibincangkan untuk menentukan badan jadual dan memasukkan data di dalamnya.
- Sekarang, tambahkan ' tag ” untuk memulakan Pengaki Jadual.
- Tambahkan data untuk Pengaki Jadual sebagai baris dan tutup pengaki menggunakan “
” tag. - Akhir sekali, simpulkan jadual menggunakan ' jadual> ” tag.
Pengeluaran
Kod yang ditulis di atas menjana hasil berikut:Kesimpulan
Pengepala dan Pengaki dalam Jadual dalam CSS membantu menambah lebih banyak maklumat di bahagian atas dan bawah jadual, masing-masing. Maklumat ini membantu untuk menentukan maksud jadual dan menyediakan lebih banyak butiran yang terkandung dalam nilai yang dimasukkan dalam jadual. Bersama-sama, kedua-dua ini membingkaikan data yang terkandung dalam jadual dengan sempurna.
- Sekarang, masukkan ' ” tag untuk memulakan badan meja.