Wednesday, August 8, 2018

Tagging colgroup Span Attribute Pada Bahasa Pemrograman HTML

Tagging <colgroup> Span Attribute Pada Bahasa Pemrograman HTML




Tagging &lt;colgroup&gt; Span Attribute Pada Bahasa Pemrograman HTML - JOKAM INFORMATIKA

Jokam-Informatika.com - Pastinya coba tidak asing dengan yang namanya aplikasi Microsoft 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.

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


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

Simak ulasan berikut ini untuk mengetahuinya,

Span - Adalah salah satu attribute dalam bahasa pemrograman HTML yang dimiliki oleh Tag <colgroup>. 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 :

<colgroup span="Value">

Penerapan Syntax :


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

 <colgroup style="background-color:orange">
 <colgroup span="3" style="background-color:yellow">
 <colgroup style="background-color:lime">
 <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 Colgroup :

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 <colgroup> Tagging ?
Klik disini : Tagging <colgroup> HTML



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