Tuesday, August 7, 2018

Dasar Atribut Tagging colgroup Pada Bahasa Pemrograman HTML

Dasar Atribut Tagging <colgroup> Pada Bahasa Pemrograman HTML




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

Jokam-Informatika. Com - Pastinya coba tidak asing dengan yang namanya aplikasi Excel bukan ? pada hakikatnya nya aplikasi ini digunakan untuk membuat sebuah tabel maupun kolom yang berguna untuk dijadikan sebagai media penyampaian laporan. Namun , sebuah kendala ditemukan yaitu bagaimana administrator bisa menyampaikan data yang ia miliki melalui website miliknya.

Maka bahasa pemrograman html Tag <colgroup> bisa dijadikan sebagai solusi terhadap masalah tersebut, sehingga admin tidak usah khawatir tentang bagaimana cara ia menyampaikan data kepada para pengunjung.

Seperti apakah fungsi dari Tagging Colgroup pada HTML ?

Simak ulasan berikut ini untuk mengetahuinya,

Colgroup - Adalah salah satu tag yang dimiliki bahasa pemrograman HTML yang berfungsi untuk memangkas kode agar menjadi lebih ringkas dan dapat diterapkan kepada tabel maupun kolom, karena tidak memungkinkan apabila kita harus menuliskan kode secara satu-persatu. Sedangkan kita sendiri sedang diburu waktu yang mendesak. Maka, dengan perwakilan code <colgroup> bisa mewakili untuk menerapkan pengkodingan kepada bangak kolom dan tabel secara serentak tanpa harus menulis banyak kode deklarasi.

Colgroup juga dapat dimanfaatkan untuk memberikan style khusus berbagai tabel tentunya, sehingga tampilan kolom maupun tabel tidak terkesan monoton dan lebih keren.

NB : Penempatan kode <colgroup> harus berada dibawah kode induk <table> dan diatas table heading dan kawan-kawan"<thead>,<tbody>,<tfoot> dll"

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


Syntax :

<colgroup 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>


Colgroup Attribute :

No.

Attribute

Value

Fungsi

1

center

justify

right

left

char

Berfungsi untuk mendefinisikan tata letak konten yang sedang digunakan pada tag colgroup.
2
character
Berfungsi untuk mendefinisikan tata letak konten yang sedang digunakan pada tag colgroup 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 colgroup.
6

%

pixels

relative_length

Berfungsi untuk mendefinisikan panjang pada sebuah tag colgroup.


Ingin mencobanya ?
Klik disini : JALANKAN CODE



Mungkin itu yang dapat saya sampaikan didalam artikel saya yang berjudulkan Dasar Atribut Tagging <colgroup> Pada Bahasa Pemrograman HTML. Semoga apa yang sudah saya sampaikan dapat bermanfaat bagi anda maupun orang lain yang ingin mengetahui tentang Tagging <colgroup> 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