Mengenal Tag Colgroup Dalam Tabel HTML - Nahh satu lagi tag yang akan kita pelajari di dalam Membuat Tabel Dalam HTML, yaitu tag colgroup dan tag col. Dimana fungsi dari tag colgroup dan tag col ini adalah untuk menghubungkan atau mengaitkan keseluruhan kolom dalam tabel.
Misalnya jika kita ingin memanipulasi tabel dalam HTML, tetapi pada seluruh kolom pertama dan ketiga dari tabel. kita bisa menggunakan tag colgroup dan tag col. Jika di dalam CSS kita bisa memanipulasinya dengan menambahkan atribut class di dalam bagian tr, maka seluruh baris tersebut akan berubah.
Supaya bisa lebih mengerti silahkan perhatikan contoh penggunaan tag colgroup dan tag col dalam tabel HTML, berikut ini.
<!DOCTYPE html>
<html>
<head>
<title>Penggunaan tag colgroup dan col dalam Tabel</title>
</head>
<body>
<h3>Belajar Tag colgroup dan col dalam Tabel</h3>
<table border="1">
<colgroup>
<col style="background-color:yellow" />
<col style="background-color:green" />
<col />
</colgroup>
<tr>
<th>Judul 1</th>
<th>Judul 2</th>
<th>Judul 3</th>
</tr>
<tr>
<td>Baris 1, Kolom 1</td>
<td>Baris 1, Kolom 2</td>
<td>Baris 1, Kolom 3</td>
</tr>
<tr style="color:blue">
<td>Baris 2, Kolom 1</td>
<td>Baris 2, Kolom 2</td>
<td>Baris 2, Kolom 3</td>
</tr>
</table>
</body>
</html>
No comments:
Post a Comment