Mengatur Kolom HTML Menggunakan Tag Col
Tag col pada HTML digunakan untuk mengatur properti kolom untuk setiap kolom dalam tag <colgroup>. Tag ini digunakan untuk mengatur properti gaya ke setiap kolom. Tag col tidak mengandung tag penutup dalam penggunaannya pada dokumen html.
Sintak:
<col attribute = "value">
Atribut: Berbagai atribut yang dapat digunakan dengan tag col dijelaskan sebagai berikut, dan sebagian besar sudah tidak didukung penggunaannya pada HTML5.
 |
| Ilustrasi Tag Col HTML |
Sebelum memahami lebih dalam materi tentang Mengatur Kolom HTML Menggunakan Tag Col, terlebih dahulu pelajari materi tentang: Tag Code HTML dan Fungsinya [klik], Cara Membuat Teks Kutipan Menggunakan Tag Cite HTML [klik], dan Membuat Tek Rata Tengah HTML Menggunakan Tag Center [klik].
<col attribute = "value">
Baca Juga:
Atribut: Berbagai atribut yang dapat digunakan dengan tag col dijelaskan sebagai berikut, dan sebagian besar sudah tidak didukung penggunaannya pada HTML5.
- span: digunakan untuk menentukan jumlah kolom dimana properti akan diterapkan.
- style: atribut ini digunakan untuk mendefinisikan CSS untuk mengubah properti kolom.
- align: digunakan untuk mengatur perataan konten elemen dari tag col.
- width: digunakan untuk menentukan lebar elemen col.
- charoff: digunakan untuk menentukan jumlah karakter konten yang akan disejajarkan dari karakter yang ditentukan oleh atribut char.
Contoh:
<!DOCTYPE html>
<html>
<body>
<h1>
Blog Elfan
</h1>
<h2>
HTML Tag Col
</h2>
<table>
<colgroup>
<col
span="1"
style="background-color: green" />
<col
span="1"
style="background-color: red" />
<col
span="1"
style="background-color: none" />
</colgroup>
<tr>
<th>Name</th>
<th>Age</th>
<th>Branch</th>
</tr>
<tr>
<td>DICK</td>
<td>23</td>
<td>CSE</td>
</tr>
<tr>
<td>BOB</td>
<td>22</td>
<td>ECE</td>
</tr>
</table>
</body>
</html>
Output:
Blog Elfan
HTML Tag Col
| Name | Age | Branch |
|---|---|---|
| DICK | 23 | CSE |
| BOB | 22 | ECE |
Referensi Tambahan:
- 2 Atribut Tag Del HTML [klik]
- 4 Contoh Program Penggunaan Tag Dfn pada HTML [klik]
- 2 Contoh Cara Membuat Judul Direktori Menggunakan Tag Dir HTML [klik]
- 6 Contoh Cara Membuat Teks Menjorok Menggunakan Tag Div HTML [klik]
- Cara Membuat Daftar Deskripsi Teks Menggunakan Tag DL HTML [klik]
- Cara Membuat Daftar Deskripsi Menggunakan Tag DT pada HTML [klik]
- 4 Atribut Utama untuk Menyematkan Aplikasi Eksternal Menggunakan Tag Embed HTML [klik]
Artikel ini didedikasikan kepada: Lavenia Fitri, Maghfira Khaula Firli, Melina Isna Rahmadhani, Nor Rahmawati Libeti Putri, dan Nurani Mutiara Hafizhah.
Apa fungsi tag col pada html?
BalasHapusTag col pada HTML digunakan untuk mengatur properti kolom untuk setiap tampilan kolom dalam tag colgroup. Tag ini digunakan untuk mengatur properti style atau CSS untuk setiap kolomnya. Tag ini juga tidak mengantung closing tag.
HapusTag < col > mementukan properti kolom untuk setiap kolom dalam elemen colgroup. Tag ini berguna untuk menerapak style ke seluruh kolom, ketimbang melakukannya secara berulang untuk setiap sel yang terdapat dalam baris tabel html.
HapusKapan harus menggunakan elemen col pada html?
BalasHapusKetika elemen col mewakili satu atau lebih kolom dalam sebuah tabel. Maka, elemen ini menjadi berguna ketika ada kebutuhan untuk menetapkan sekumpulan atribut ke semua sel dalam satu atau beberapa kolom tabel html.
Hapus