Artikel ini akan memberi anda Pengetahuan HTML yang terperinci dan Komprehensif. Pelbagai tag dan format yang boleh dilakukan.
Sejak awal teknologi, jadual adalah cara biasa menyimpan & memvisualisasikan data. Ia digunakan di hampir semua bidang untuk menyampaikan maklumat teks & data berangka di mana anda dapat membandingkan dua atau lebih elemen dengan mudah. Dalam artikel ini, saya akan membincangkan Jadual dalam Susunan Berikut:
Dengan kata mudah, jadual adalah kumpulan data yang berkaitan yang terdiri daripada baris & lajur. Sekarang seperti yang kita ketahui HTML adalah bahasa markup standard untuk membuat laman web & memaparkannya dalam penyemak imbas web. Oleh itu, membuat & bekerja dengan jadual menjadi sub-kemahiran penting untuk menguasai HTML. Di blog ini, kita akan belajar bagaimana bekerja dengan jadual dalam HTML.
Untuk menentukan jadual HTML, kami menggunakan
teg. Dalam
tag, anda menentukan baris jadual dengan
teg. Seterusnya, anda menentukan tajuk meja di
teg. Data atau sel dalam jadual ditentukan menggunakan
teg.
Teg Jadual HTML
Mari kita lihat dahulu senarai HTML yang digunakan untuk membuat jadual. Selanjutnya, dalam blog ini, kita akan belajar bagaimana menggunakannya dengan bantuan contoh.
: Digunakan untuk menentukan jadual
: Digunakan untuk menentukan sel header dalam jadual
: Digunakan untuk menentukan baris dalam jadual
: Digunakan untuk menentukan sel dalam jadual
:Digunakan untuk menentukan kapsyen meja
:Digunakan untuk menentukan kumpulan satu atau lebih lajur dalam jadual untuk pemformatan
: Digunakan untuk menentukan sifat lajur untuk setiap lajur dalam elemen
:Digunakan untuk mengumpulkan isi tajuk dalam jadual
: Digunakan untuk mengumpulkan isi badan dalam jadual
: Digunakan untuk mengelompokkan kandungan footer dalam jadual
Sekarang mari kita lihat contoh kod HTML untuk membuat jadual.
Terdapat dua atribut yang disebut sel padding dan sel ruang yang boleh anda gunakan untuk menyesuaikan ruang putih di sel meja anda. Atribut cellpacing mendefinisikan ruang antara sel meja, sementara selpad mewakili jarak antara batas sel dan kandungan dalam sel.
Jarak Sel & Selimut Sel
Nama
Umur
Abhishek
lima belas
Bob
2. 3
Atribut Colspan dan Rowspan
Atribut Colspan digunakan untuk menggabungkan dua atau lebih lajur, sedangkan rowspans digunakan untuk menggabungkan dua atau lebih baris.
Colspan & Rowspan
Kumpulan
Nama
Umur
Sains Komputer
Abhishek
lima belas
Bob
2. 3
Rehat
Ketinggian dan Lebar Jadual
HTML memberi anda pengaruh untuk menyesuaikan ketinggian & lebar meja. Atribut lebar & atribut tinggi digunakan untuk menetapkan lebar & tinggi jadual masing-masing. Anda boleh menentukannya dari segi peratusan kawasan yang ada di skrin atau dari segi piksel.
Jadual boleh dipecah menjadi tiga bahagian iaitu header, body dan footer. Header dan Footer mirip dengan header dan footer dalam dokumen kata yang tetap umum untuk setiap halaman, sedangkan isi mengandungi isi utama.
tag membuat tajuk meja yang berasingan, di mana tag membuat footer meja yang berasingan. tag mengandungi badan meja.
Jadual HTML dengan header, footer & body
Tajuk Jadual
Kaki Jadual
Nama
Umur
Tanda
Latar Belakang Jadual & Kapsyen
Anda juga boleh menetapkan latar belakang jadual. Warna bg atribut menetapkan warna latar belakang untuk keseluruhan jadual dan juga untuk satu sel, sedangkan atribut latar belakang menetapkan gambar latar untuk keseluruhan jadual dan hanya untuk satu sel.
Teks keterangan berfungsi sebagai tajuk atau penjelasan untuk jadual yang dipaparkan di bahagian atas meja.
Latar Belakang Jadual HTML
Kapsyen Jadual
Lajur 1
Lajur 2
Lajur 3
Baris 1 Sel 1
Baris 1 Sel 2
Baris 1 Sel 3
Baris 2 Sel 2
Baris 2 Sel 3
Baris 3 Sel 1
Dengan ini kita akan mengakhiri artikel ini. Sekarang setelah melaksanakan coretan di atas, anda akan memahami cara membuat jadual dalam HTML. Saya harap blog ini memberi maklumat dan nilai tambah kepada anda.
Lihatoleh Edureka, sebuah syarikat pembelajaran dalam talian yang dipercayai dengan rangkaian lebih daripada 250,000 pelajar berpuas hati yang tersebar di seluruh dunia.Latihan Persijilan Pembangunan Web akan membantu anda belajar bagaimana membuat laman web yang mengagumkan menggunakan HTML5, CSS3, Twitter Bootstrap 3, jQuery dan Google API dan menyebarkannya ke Amazon Simple Storage Service (S3).
Ada soalan untuk kami? Sila sebutkan di bahagian komen artikel ini dan kami akan menghubungi anda.
