Tagging col Span Attribute Pada Bahasa Pemrograman HTML

Tagging <col> Span Attribute 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.

Nah, salah satu atribut yang dimiliki Tag Col adalah "Span".

Seperti apakah fungsi dari Atribut Span pada Tag Col pada HTML ?

Simak ulasan berikut ini untuk mengetahuinya,

Span - Adalah salah satu attribute dalam bahasa pemrograman HTML yang dimiliki oleh Tag <col>. Fungsi utamanya yaitu untuk men deklarasi kan gabungan antara kolom satu dengan kolom yang lainnya dalam sebuah tabel yang sama, adapun penggunaannya tergantung pembuatnya. Akan tetapi kebanyakan digunakan untuk mewarnai background ataupun kolom dari tabel sebuah halaman.

Sehingga dengan adanya metode atribut ini maka anda akan lebih dimudahkan sehingga tidak perlu melakukan banyak pengkodean yang membuang waktu juga memperlambat kinerja website karena banyaknya kode yang dimuat halaman tesebut.

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

Syntax :

<col span="Value">

Penerapan Syntax :

<table border="1" width="100%">

 <colgroup>
 <col style="background-color:orange">
 <col span="3" style="background-color:yellow">
 <col style="background-color:lime">
</colgroup>
 <tr>
  <th style="background-color:white">No.</th>
  <th style="background-color:white">Nama</th>
  <th style="background-color:white">Nilai</th>
  <th style="background-color:white">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>

Value Span Col :

No.	Value	Fungsi
1	number	Berfungsi untuk menentukan jumlah kolom yang ingin digunakan dari kolom kiri ke kolam kanan sampai ke bagian batas tabel paling bawah.

Ingin mencobanya ?
Klik disini : JALANKAN CODE


Ingin Kembali ke <col> Tagging ?
Klik disini : Tagging <col> HTML



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