Skip to main content

Apa itu tag tabel HTML?

Penulis halaman web memiliki banyak opsi dalam cara menampilkan data saat menggunakan Hypertext Markup Language (HTML), termasuk tag tabel HTML.Tag tabel HTML digunakan oleh penulis halaman web untuk mengatur data ke dalam tabel agar lebih mudah dilihat.Berbagai jenis data, termasuk teks, gambar, dan bahkan tabel lainnya, dapat dimasukkan ke dalam sel tabel.Berbagai elemen dan atribut yang berbeda dapat digunakan dalam tag tabel HTML.Seseorang yang ingin memasukkan tabel dalam dokumen HTML perlu memahami berbagai komponen ini dan bagaimana mereka bekerja bersama.

Tag tabel HTML dapat digunakan untuk mengatur data ke dalam kolom dan baris.Kolom adalah garis vertikal data dan baris adalah garis horizontal.Penulis HTML hanya dapat memasukkan data ke dalam baris tabel karena begitu baris dimasukkan kolom akan berbaris.Beberapa elemen yang digunakan dalam tag tabel html adalah lt; tr gt;, lt; td gt;, dan lt; th gt;yang menentukan baris tabel, data tabel, dan header tabel, masing -masing.Atribut dapat digunakan untuk menentukan tampilan dan jarak baris.

Jika penulis HTML ingin tabel terlihat tepat, ada berbagai atribut berbeda yang dapat ia gunakan untuk melakukannya.Atribut yang tepat dapat mengubah karakteristik seperti warna teks, jarak antara sel, warna latar belakang tabel, dan perbatasan.Bahkan ada cara untuk menyingkirkan perbatasan sepenuhnya sehingga mereka tidak muncul di browser pengguna.Sementara seorang penulis tidak dapat secara langsung mengubah data di kolom, ia dapat mengubah karakteristik kolom yang berbeda.Untuk melakukan ini, ia dapat menggunakan elemen seperti lt; col gt;dan lt; colgroup gt;.

Untuk memasukkan tabel ke dalam dokumen HTML, tag start tabel lt; tabel gt;harus digunakan.Di dalam elemen, penulis dapat mendefinisikan berbagai atribut tentang tabel seperti warna, perbatasan, dan jarak.Selanjutnya, penulis perlu menentukan baris tabel menggunakan elemen lt; tr gt;.Ini memberi tahu browser bahwa data yang harus diikuti harus ditempatkan secara berturut -turut.Setelah ini data tabel - informasi aktual yang akan ditampilkan - dimasukkan setelah lt; td gt;elemen.Penting bahwa berbagai tag ditutup secara berurutan untuk mencegah kebingungan dalam pengeditan berikutnya.

Contoh bagaimana dokumen html dapat terlihat ketika seorang penulis ingin menggunakan tag tabel html adalah sebagai berikut:

lt; tabel gt;
lt; tr gt;
lt; td gt; ini adalah sel 1 lt;/td gt;
lt; td gt; Ini adalah sel 2 lt;/td gt;
lt;/tr gt;

lt; tr gt;
lt; td gt; Ini adalah sel 3 lt;/td gt;
lt; td gt; ini adalah sel 4 lt;
lt;/tr gt;
lt;/table gt;

Contoh ini akan menghasilkan tabel sel empat dengan dua kolom ke bawah dan dua baris melintasi.