Tagging col Width Attribute Pada Bahasa Pemrograman HTML

Tagging <col> Width 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 "Width".

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

Simak ulasan berikut ini untuk mengetahuinya,

Width - Adalah salah satu atribut pada bahasa pemrograman HTML yang dimiliki oleh Tagging <col>. Fungsi utamanya adalah untuk menentukan panjang daripada kolom yang ada pada sebuah tabel, layaknya width pada umumnya yang difungsikan untuk mengatur panjang sebuah objek. Atribut ini juga dapat mengganti pendeklarasian yang umum. Ada 3 metode pada atribut ini yakni dengan Pixel dan Presentase.

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

Syntax :

<col width="Value">

Penerapan Syntax :

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

 <col width="5%">
 <col width="35%">
 <col width="10%">
 <col width="20%">
 <col width="30%">

 <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 Width Col :

No.	Value	Fungsi
1	pixel	Berfungsi menentukan panjang sebuah kolom dengan metode per-pixel, anda dapat memakai "number" atau "number px".
2	%	Berfungsi untuk menentukan panjang sebuah kolom sesuai dengan presentase acuan pada tabel utama, anda dapat memilih berapa bagian yang akan anda ambil dari keseluruhan panjang tabel.

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> Width Attribute Pada Bahasa Pemrograman HTML.
Semoga apa yang sudah saya sampaikan dapat bermanfaat bagi anda maupun orang lain yang ingin mengetahui tentang Tagging <col> Width HTML.
Sekian dan terimakasih.