Tagging colgroup Valign Attribute Pada Bahasa Pemrograman HTML

Tagging <colgroup> Valign 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 "Valign".

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

Simak ulasan berikut ini untuk mengetahuinya,

Valign - Adalah salah satu atribut pada bahasa pemrograman HTML yang dimiliki oleh tag <colgroup>. Fungsinya untuk menentukan letak dari sebuah isi pada kolom tabel secara vertikal, sehingga dapat digunakan untuk menaikan ataupun menurunkan sebuah kata didalam kolom sesuai keinginan pembuatnya.

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

Syntax :

<colgroup valign="Value">

Penerapan Syntax :

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

 <colgroup valign="top">
 <colgroup valign="bottom">
 <colgroup valign="middle">
 <colgroup valign="bottom">
 <colgroup valign="baseline">
 <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 Valign Colgroup :

No.	Value	Fungsi
1	top	Berfungsi untuk menentukan letak huruf pada posisi atas didalam sebuah kolom pada tabel.
2	middle	Berfungsi untuk menentukan letak huruf pada posisi tengah didalam sebuah kolom pada tabel.
1	bottom	Berfungsi untuk menentukan letak huruf pada posisi bawah didalam sebuah kolom pada tabel.
1	baseline	Fungsi ini hampir sama dengan middle, akan tetapi lebih spesifik untuk menentukan nilai yang cocok. Hal ini terjadi mengingat berbedanya ukuran sebuah harus pada tabel lain juga menjadi penyebabnya.

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