Skrip berikut ini adalah bagian dari tutorial ” Cara Membuat Tabel HTML 5 Dengan CSS “, silahkan anda uji coba dengan mengkopi paste atau ketikkan skrip berikut dalam teks editor anda. Berikutnya anda jalankan melalui browser kesayangan anda.
Untuk lebih jelasnya dalam memahami dan menggunakan skrip berikut, silahkan anda kunjungi ” Cara Membuat Tabel HTML 5 Dengan CSS “.
<!DOCTYPE html> <html> <head> <style> thead {color:green;} tbody {color:blue;} tfoot {color:red;} table,th,td {border:1px solid black;} </style> </head> <body> <table border="1" style="width:300px"> <colgroup> <col span="2" style="background-color:#90C695"> <col style="background-color:#89C4F4"> </colgroup> <thead> <tr> <th>Nama</th> <th>Alamat</th> <th>Keterangan</th> </tr> </thead> <tbody> <tr> <td>Nyekrip</td> <td>Indonesia</td> <td>Web</td> </tr> <tr> <td>Nyekrip 2</td> <td>Indonesia 2</td> <td>Tutorial</td> </tr> <tr> <td>Nyekrip 3</td> <td>Indonesia 3</td> <td>Indonesia</td> </tr> </tbody> <tfoot> <tr> <td>Footer</td> <td>Footer</td> <td>Footer</td> </tr> </tfoot> </table> </body> </html>
Wah baru tahu ane gan. sip :)