Saturday, August 4, 2018

Tagging col Charoff Attribute Pada Bahasa Pemrograman HTML

Tagging <col> Charoff Attribute Pada Bahasa Pemrograman HTML




Tagging &lt;col&gt; Charoff Attribute 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.

Nah, salah satu atribut yang dimiliki Tag Col adalah "Charoff".

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

Simak ulasan berikut ini untuk mengetahuinya,

Charoff - Adalah salah satu atribut dari bahasa pemrograman html yang dimiliki oleh Tag <col>. Fungsi utamanya adalah untuk meratakan tata letak dari sebuah tulisan berdasarkan karakter yang sudah ditetapkan sebelumnya oleh Tag <col> 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 :

<col charoff="Value">

Penerapan Syntax :


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

 <col align="center">
 <col align="left">
 <col align="center">
 <col align="justify">
 <col align="justify">
 <col 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 Col :

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



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