Tabel HTML
-
Upload
robert-page -
Category
Documents
-
view
56 -
download
1
description
Transcript of Tabel HTML
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<table>
<tr><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td></tr>
</table>
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 : [email protected]
home profil history project contact
nama_anda.com
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