Dasar Atribut Tagging col Pada Bahasa Pemrograman HTML

Dasar Atribut Tagging <col> Pada Bahasa Pemrograman HTML

Jokam-Informatika.com - Sobat pastinya sudah tidak asing dengan aplikasi Microsoft Excel bukan ? Aplikasi tersebut memiliki kegunaan yang berguna untuk membuat sebuah tabel sesuai dengan keinginan pembuatnya. Nah, ternyata tidak hanya di dalam aplikasi tersebut loh yang bisa membuat tabel yang memiliki warna tertentu. Karena bahasa pemrograman juga memiliki fungsi yang sama pula, namun untuk membuatnya pastinya kita harus melakukannya secara manual.

Seperti apakah fungsi dari Tagging Col pada HTML ?

Simak ulasan berikut ini untuk mengetahuinya,

Col - Adalah sebuah Tag pada bahasa pemrograman html yang difungsikan untuk mewarnai beberapa ataupun banyak tabel maupun kolom, hal ini juga memungkinkan anda bisa mewarnai lebih banyak tabel tanpa harus men deklarasi kan satu persatu dengan menggunakan atribut yang dimiliki col. Col juga dapat beroperasi dengan warna lebih dari jutaan warna, selain itu sobat juga bisa mengatur atau mendesainnya dengan memanfaatkan script css agar terkesan lebih menarik dan keren tentunya.

NB : Pada HTML tag <col> tidak memiliki penutup, sedangkan pada XHTML tag <col> harus ditutup.

Apabila sobat ingin menerapkannya pada website kalian maka sobat dapat mempelajari cara pengkodean di bawah ini :

Syntax :

<col Attribute="Value">

Penerapan Syntax :

<table border="1" width="100%">
 <colgroup>
 <col span="4" style="background-color:none">
 <col style="background-color:lime">
 </colgroup>
 <tr>
  <th>No.</th>
  <th>Nama</th>
  <th>Nilai</th>
  <th>Kelas</th>
    <th style="background-color:white">Keterangan</th>
 </tr>

 <tr>
  <td>1</td>
  <td>Tukiyem</td>
  <td>98</td>
    <td>XII-TKJ</td>
    <td>LULUS</td>
 </tr>
 <tr>
  <td>2</td>
  <td>Markidic</td>
  <td>95</td>
    <td>XII-TKJ</td>
    <td>LULUS</td>
 </tr>
 <tr>
  <td>3</td>
  <td>Suparmin</td>
  <td>90</td>
    <td>IPS II</td>
    <td>LULUS</td>
 </tr>
 <tr>
  <td>4</td>
  <td>Swalowdolsky</td>
  <td>85</td>
    <td>XII-TPM</td>
    <td>LULUS</td>
 </tr>
 <tr>
  <td>5</td>
  <td>Peno</td>
  <td>80</td>
    <td>XII-TITL</td>
    <td>LULUS</td>
 </tr>
 <tr>
  <td>6</td>
  <td>Tom Suradi</td>
  <td>47</td>
    <td>Tata Boga</td>
    <td style="background-color:red">Tidak LULUS</td>
 </tr>
  <tr>
  <td>7</td>
  <td>Van Mullert</td>
  <td>45</td>
    <td>Peternakan</td>
    <td style="background-color:red">Tidak LULUS</td>
 </tr>

</table>

Col Attribute :

No.	Attribute	Value	Fungsi
1	align	center justify right left char	Berfungsi untuk mendefinisikan tata letak konten yang sedang digunakan pada tag col.
2	char	character	Berfungsi untuk mendefinisikan tata letak konten yang sedang digunakan pada tag col terhadap karakter.
3	charoff	number	Berfungsi untuk mendefinisikan jumlah karakter yang akan ditetapkan untuk diterapkan pada tabel.
4	span	number	Berfungsi untuk mendefinisikan jumlah kolom yang akan diwarnai pada sebuah tabel utuh.
5	valign	top middle bottom baseline	Berfungsi untuk mendefinisikan tata letak konten secara vertikan didalam sebuah tabel pada tag col.
6	width	% pixels relative_length	Berfungsi untuk mendefinisikan panjang pada sebuah tag col.

Ingin mencobanya ?
Klik disini : JALANKAN CODE



Mungkin itu yang dapat saya sampaikan didalam artikel saya yang berjudulkan Dasar Atribut Tagging <col> Pada Bahasa Pemrograman HTML.
Semoga apa yang sudah saya sampaikan dapat bermanfaat bagi anda maupun orang lain yang ingin mengetahui tentang Tagging <col> pada HTML.
Sekian dan terimakasih.