rules. Atribut ini dipakai untk menampilkan garis pembatas didalam tabel HTML.Jika sebelumnya kita sudah mempelajari penggunaan dan penulisan atribut
border untk tabel HTML. Maka bila diperhatikan, WEB broser bukan hnya menampilkan garis pembatas diluar tabel saja tapi menampilkan garis pembatas di antara baris dan kolom didalam tabel, menyerupai gambar dibawah ini :HTML menyediakan sebuah atribut yang sanggup dipakai untk menampilkan garis pembatas didalam tabel, yakni atribut
rules. Atribut rules ini ditulis didalam tag <table>, atribut rules mempunyai 4 nilai yakni rows, cols, all dan none. Penggunaan dan Penulisan Atribut rules dengan Nilai rows
Atribut rules="rows" dipakai untk menampilkan garis pembatas hnya diantara kolom tabel saja.Berikut ini pola penulisan atribut
rules dengan nilai rows didalam tag <table> :<!DOCTYPE html> <html> <head> <title>Belajar HTML</title> </head> <body> <table rules="rows"> <tr> <th>No</th> <th>Barang</th> <th>Harga</th> </tr> <tr> <td>1</td> <td>Kaos kaki</td> <td>Rp 10.000</td> </tr> <tr> <td>2</td> <td>Tas</td> <td>Rp 50.000</td> </tr> <tr> <td>3</td> <td>Sepatu</td> <td>Rp 30.000</td> </td> <tr> <td colspan="2">Total Harga</td> <td>Rp 90.000</td> </tr> </table> </body> </html> 
Penggunaan dan Penulisan Atribut rules dengan Nilai cols
Atribut rules="cols" dipakai untk menampilkan garis pembatas hnya diantara baris tabel saja.Berikut ini pola penulisan atribut
rules dengan nilai cols didalam tag <table> :<!DOCTYPE html> <html> <head> <title>Belajar HTML</title> </head> <body> <table rules="cols"> <tr> <th>No</th> <th>Barang</th> <th>Harga</th> </tr> <tr> <td>1</td> <td>Kaos kaki</td> <td>Rp 10.000</td> </tr> <tr> <td>2</td> <td>Tas</td> <td>Rp 50.000</td> </tr> <tr> <td>3</td> <td>Sepatu</td> <td>Rp 30.000</td> </td> <tr> <td colspan="2">Total Harga</td> <td>Rp 90.000</td> </tr> </table> </body> </html>
Penggunaan dan Penulisan Atribut rules dengan Nilai all
Jika kita ingin menampilkan garis pembatas diantara baris dan kolom maka kita sanggup memakai atribut rules="all".Berikut ini pola penulisan atribut
rules dengan nilai all didalam tag <table> :<!DOCTYPE html> <html> <head> <title>Belajar HTML</title> </head> <body> <table rules="all"> <tr> <th>No</th> <th>Barang</th> <th>Harga</th> </tr> <tr> <td>1</td> <td>Kaos kaki</td> <td>Rp 10.000</td> </tr> <tr> <td>2</td> <td>Tas</td> <td>Rp 50.000</td> </tr> <tr> <td>3</td> <td>Sepatu</td> <td>Rp 30.000</td> </td> <tr> <td colspan="2">Total Harga</td> <td>Rp 90.000</td> </tr> </table> </body> </html>
Penggunaan dan Penulisan Atribut rules dengan Nilai none
Jika kita tidak ingin menampilkan garis pembatas diantara baris dan kolom didalam tabel, maka kita sanggup memakai atribut rules="none".Berikut ini pola penulisan atribut
rules dengan nilai all didalam tag <table> :<!DOCTYPE html> <html> <head> <title>Belajar HTML</title> </head> <body> <table rules="none"> <tr> <th>No</th> <th>Barang</th> <th>Harga</th> </tr> <tr> <td>1</td> <td>Kaos kaki</td> <td>Rp 10.000</td> </tr> <tr> <td>2</td> <td>Tas</td> <td>Rp 50.000</td> </tr> <tr> <td>3</td> <td>Sepatu</td> <td>Rp 30.000</td> </td> <tr> <td colspan="2">Total Harga</td> <td>Rp 90.000</td> </tr> </table> </body> </html>
Itulah penggunaan dan penulisan atribut
rules degan nilai rows, cols, all dan none didalam tag <table>. Pada article selanjutnya kita akan mempelajari Trik Mengatur Lebar dan Tinggi Tabel HTML. Sumber https://mas-abdi.blogspot.com/
No comments:
Post a Comment