1 / 9

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

robert-page
Download Presentation

Tabel HTML

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

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

  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 … nama_anda.com Buatlah sebuah halaman web dengan layout berikut ini (menggunakan tabel) Kirim ke : ahmadiandianto@yahoo.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

More Related