Tagging colgroup Charoff Attribute Pada Bahasa Pemrograman HTML

Tagging <colgroup> Charoff Attribute Pada Bahasa Pemrograman HTML

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 "Charoff".

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

Simak ulasan berikut ini untuk mengetahuinya,

Charoff - Adalah salah satu atribut dari bahasa pemrograman html yang dimiliki oleh Tag <colgroup>. Fungsi utamanya adalah untuk meratakan tata letak dari sebuah tulisan berdasarkan karakter yang sudah ditetapkan sebelumnya oleh Tag <colgroup> sebelumnya. Biasanya atribut ini digunakan untuk menyelaraskan posisi nomor ataupun saldo dari laporan keuangan, sehingga hal ini tentunya akan lebih memudahkan pembaca untuk memahami konten yang ada yaitu saldo ataupun digit nomor di dalam tabel. Karena apabila tata letak pernomoran tidak merata ataupun acak-acakan biasanya pengunjung akan merasa pusing ataupun tidak memahami pesan yang disampaikan.

Maka, dengan menggunakan atribut ini anda bisa lebih menyelaraskan nomor yang ada pada tabel halaman anda.

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

Syntax :

<colgroup charoff="Value">

Penerapan Syntax :

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

 <colgroup align="center">
 <colgroup align="left">
 <colgroup align="center">
 <colgroup align="justify">
 <colgroup align="justify">
 <colgroup align="char" char="Tidak" charoff="6">
 <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>Tidak LULUS</td>
 </tr>
  <tr>
  <td>7</td>
  <td>Van Mullert</td>
  <td>45</td>
    <td>Peternakan</td>
    <td>Tidak LULUS</td>
 </tr>

</table>

Value Charoff Colgroup :

No.	Value	Fungsi
1	number	Berfungsi untuk menyelaraskan tata letak berdasarkan karakter yang sudah ditetapkan. Nomor positif akan menyelaraskan kanan dari char. Nomor negatif akan menyelaraskan kiri dari char.

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