Friday, August 3, 2018

Dasar Atribut Tagging col Pada Bahasa Pemrograman HTML

Dasar Atribut Tagging <col> Pada Bahasa Pemrograman HTML




Dasar Atribut Tagging &lt;col&gt; Pada Bahasa Pemrograman HTML - JOKAM INFORMATIKA

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

center

justify

right

left

char

Berfungsi untuk mendefinisikan tata letak konten yang sedang digunakan pada tag col.
2
character
Berfungsi untuk mendefinisikan tata letak konten yang sedang digunakan pada tag col terhadap karakter.
3
number
Berfungsi untuk mendefinisikan jumlah karakter yang akan ditetapkan untuk diterapkan pada tabel.
4
number
Berfungsi untuk mendefinisikan jumlah kolom yang akan diwarnai pada sebuah tabel utuh.
5

top

middle

bottom

baseline

Berfungsi untuk mendefinisikan tata letak konten secara vertikan didalam sebuah tabel pada tag col.
6

%

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.




PERLU DIKETAHUI


Iklan yang tampil pada halaman situs ini sepenuhnya sudah diatur oleh Pihak Google, kami hanya menyediakan tempat kosong khusus untuk iklan dari Google. Maka, apabila ada iklan yang dirasa kurang baik bagi anda sehingga tidak seharusnya ditampilkan, harap segera menginformasikan hal tersebut kepada kami dengan melalui Formulir Kontak yang ada di bagian bawah sendiri pada situs ini. Kemudian, kami akan segera menyampaikannya pada pihak Google terkait masalah tersebut.
Laporan dapat anda sertakan lampiran :
  • Nama Iklan
  • Alamat Screenshoot(Gambar) Iklan


Load Disqus Comments Hide Disqus Comments