Presentasi sedang didownload. Silahkan tunggu

Presentasi sedang didownload. Silahkan tunggu

Tabel HTML.

Presentasi serupa


Presentasi berjudul: "Tabel HTML."— Transcript presentasi:

1 Tabel HTML

2 Skrip Dasar <table> mendefinisikan tabel <tr> mendefinisikan baris <td>….</td> mendefinisikan kolom </tr> </table>

3 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

4 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>

5 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

6 Variasi Tabel - 2 <TR VALIGN="top"> mengatur posisi vertikal tulisan pada tabel <TR ALIGN=“center”> mengatur posisi horizontal tulisan pada tabel

7 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>

8 Tugas … Buatlah sebuah halaman web dengan layout berikut ini (menggunakan tabel) Kirim ke : 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

9 Terima kasih


Download ppt "Tabel HTML."

Presentasi serupa


Iklan oleh Google