Artikel ini akan memberi Anda Pengetahuan rinci dan Komprehensif tentang Tabel HTML. Berbagai tag dan format yang bisa dilakukan.
Sejak dimulainya teknologi, tabel adalah cara umum untuk menyimpan & memvisualisasikan data. Ini digunakan di hampir semua bidang untuk menyajikan informasi teks & data numerik di mana Anda dapat dengan mudah membandingkan dua atau lebih elemen. Pada artikel ini, saya akan membahas Tabel dalam Urutan Berikut:
Dengan kata sederhana, tabel adalah kumpulan data terkait yang terdiri dari baris & kolom. Sekarang seperti yang kita ketahui HTML adalah bahasa markup standar untuk membuat halaman web & menampilkannya di browser web. Jadi, membuat & bekerja dengan tabel menjadi sub-keterampilan penting untuk menguasai HTML. Di blog ini, kita akan belajar bagaimana bekerja dengan tabel dalam HTML.
tag, Anda menentukan baris tabel terlebih dahulu dengan
menandai. Selanjutnya, Anda menentukan header tabel di
menandai. Data atau sel dalam tabel ditentukan menggunakan
menandai.
Tag Tabel HTML
Mari kita lihat dulu daftar tag HTML yang digunakan untuk membuat tabel. Nanti bergerak maju di blog ini, kita akan belajar bagaimana menggunakannya dengan bantuan contoh.
: Digunakan untuk mendefinisikan tabel
: Digunakan untuk menentukan sel header dalam sebuah tabel
: Digunakan untuk menentukan baris dalam tabel
: Digunakan untuk menentukan sel dalam tabel
:Digunakan untuk mendefinisikan judul tabel
:Digunakan untuk menentukan grup dari satu atau beberapa kolom dalam tabel untuk pemformatan
: Digunakan untuk menentukan properti kolom untuk setiap kolom dalam sebuah elemen
:Digunakan untuk mengelompokkan konten header dalam sebuah tabel
: Digunakan untuk mengelompokkan konten tubuh dalam sebuah tabel
: Digunakan untuk mengelompokkan konten footer dalam sebuah tabel
Sekarang mari kita lihat contoh kode HTML untuk membuat tabel.
Nama
Usia
Abhishek
18
Bob
2. 3
Keluaran:
Variasi Tabel HTML
Atribut Cellpadding dan Cellspacing
Ada dua atribut yang disebut cellpadding dan cellspacing yang dapat Anda gunakan untuk menyesuaikan ruang putih di sel tabel Anda. Atribut cellspacing mendefinisikan spasi antar sel tabel, sedangkan cellpadding mewakili jarak antara batas sel dan konten di dalam sel.
Cellspacing & Cellpadding
Nama
Usia
Abhishek
limabelas
Bob
2. 3
Atribut Colspan dan Rowspan
Atribut Colspan digunakan untuk menggabungkan dua atau lebih kolom, sedangkan rowpans digunakan untuk menggabungkan dua baris atau lebih.
Colspan & Rowspan
Batch
Nama
Usia
Ilmu Komputer
Abhishek
limabelas
Bob
2. 3
Istirahat
Tinggi dan Lebar Meja
HTML memberi Anda pengaruh untuk menyesuaikan tinggi & lebar tabel. Atribut lebar & atribut tinggi digunakan untuk mengatur lebar & tinggi tabel masing-masing. Anda dapat menentukannya dalam persentase area yang tersedia di layar atau dalam piksel.
Tabel dapat dipecah menjadi tiga bagian yaitu, header, body, dan footer. Header dan Footer mirip dengan header dan footer dalam dokumen kata yang tetap umum untuk setiap halaman, sedangkan isi berisi konten utama.
tag membuat header tabel terpisah, sedangkan tag membuat footer tabel terpisah. tag berisi tubuh tabel.
Tabel HTML dengan header, footer & body
Header Tabel
Footer Tabel
Nama
Usia
Tanda
Latar Belakang & Keterangan Tabel
Anda juga dapat mengatur latar belakang tabel. Bgcolor atribut mengatur warna latar belakang untuk seluruh tabel serta untuk satu sel, sedangkan atribut latar belakang menetapkan gambar latar belakang untuk seluruh tabel serta hanya untuk satu sel.
Tag caption berfungsi sebagai judul atau penjelasan untuk tabel yang ditampilkan di bagian atas tabel.
Latar Belakang Tabel HTML
Keterangan Tabel
Kolom 1
Kolom 2
Kolom 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 sampai pada akhir artikel ini. Sekarang setelah menjalankan cuplikan di atas, Anda akan mengerti cara membuat tabel dalam HTML. Semoga blog ini informatif dan menjadi nilai tambah bagi Anda.
Lihatoleh Edureka, perusahaan pembelajaran online tepercaya dengan jaringan lebih dari 250.000 pelajar yang puas dan tersebar di seluruh dunia.Pelatihan Sertifikasi Pengembangan Web akan membantu Anda mempelajari cara membuat situs web yang mengesankan menggunakan HTML5, CSS3, Twitter Bootstrap 3, jQuery, dan Google API, serta menerapkannya ke Amazon Simple Storage Service (S3).
Ada pertanyaan untuk kami? Harap sebutkan di bagian komentar artikel ini dan kami akan menghubungi Anda kembali.