Tabel HTML
Skrip Dasar <table> mendefinisikan tabel <tr> mendefinisikan baris <td>….</td> mendefinisikan kolom </tr> </table>
Struktur Tabel Sebuah tabel, terdiri dari 3 baris dan 2 kolom baris <table> <tr> <td></td> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> </tr> </table> baris kolom baris kolom
Contoh Skrip <html> <head> </head> <body> <table> <tr> <td>NO</td> <td>NAMA</td> <td>ALAMAT</td> </tr> <tr> <td>1</td> <td>Andi</td> <td>Jl. Sudirman</td> </tr> <tr> <td>2</td> <td>Saputra</td> <td>Jl. Kemiri No. 20</td> </tr> <tr> <td>3</td> <td>Sally</td> <td>Jl. Kemuning No. 10</td> </tr> <table> </body> </html>
Variasi Tabel - 1 <TABLE BORDER=“1"> memberi border <TABLE BGCOLOR="MAGENTA"> memberi warna latar/background tabel <TABLE WIDTH="150" > mengatur lebar tabel <TABLE HEIGHT="120"> mengatur tinggi tabel
Variasi Tabel - 2 <TR VALIGN="top"> mengatur posisi vertikal tulisan pada tabel <TR ALIGN=“center”> mengatur posisi horizontal tulisan pada tabel
Tabel Lanjut <html> <head> </head> <body> <table border=1> <tr> <td rowspan=2>Makanan</td> <td colspan=2>Jenis</td> </tr> <tr> <td>Buah</td> <td>Sayur</td> </tr> <tr> <td>Apel</td> <td> Ya </td> <td>Tidak</td> </tr> <tr> <td>Wortel</td> <td>Tidak</td> <td>Ya</td> </tr> <table> </body> </html>
Tugas … Buatlah sebuah halaman web dengan layout berikut ini (menggunakan tabel) Kirim ke : ahmadiandianto@yahoo.com nama_anda.com home profil history project contact Selamat datang di website saya… bla bla bla… silahkan anda isi sendiri tergantung selera anda… Tahukah anda? Isi dengan satu hal yang menarik Pengumuman Beri sebuah pengumuman di bagian ini
Terima kasih