Mengatur Kolom HTML Menggunakan Tag Col
 |
| Ilustrasi Tag Col HTML |
<col attribute = "value">
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.
<!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>
Blog Elfan
HTML Tag Col
| Name | Age | Branch |
|---|---|---|
| DICK | 23 | CSE |
| BOB | 22 | ECE |
- 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]
5 komentar untuk "Mengatur Kolom HTML Menggunakan Tag Col"
Hubungi admin melalui Wa : +62-896-2414-6106
Respon komentar 7 x 24 jam, mohon bersabar jika komentar tidak langsung dipublikasi atau mendapatkan balasan secara langsung.
Bantu admin meningkatkan kualitas blog dengan melaporkan berbagai permasalahan seperti typo, link bermasalah, dan lain sebagainya melalui kolom komentar.
- Ikatlah Ilmu dengan Memostingkannya -
- Big things start from small things -
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