1 / 13

Pertemuan III

Pertemuan III. Oleh: Adam Arif Budiman, S.T, M.Kom Teknik Informatika Universitas Darma Persada. Validator. Scan halaman web untuk mencari error <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head>

deiondre
Télécharger la présentation

Pertemuan III

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. Pertemuan III Oleh: Adam Arif Budiman, S.T, M.Kom Teknik Informatika Universitas Darma Persada

  2. Validator • Scan halaman web untuk mencari error <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>My big ole bad page!</title> </head> <body> Hello Joe! </body> </html>

  3. Table • <table> → tag utama, atribut (ukuran, border dll) • <tr> → table row mendefinisikan tabel horisontal • <td> → (Table Data) cells. • <td> →pesifikasi individual block/cell dalam table row.

  4. Tabel (lanj) <html> <head> <title>Joe's a swell guy</title> </head> <body> <table> <tr bgcolor="#dd44dd"> <td>riko</td> <td>Tom</td> <td>Rick</td> </tr> <tr> <td bgcolor="#ff0000">lurus</td> <td>keriting</td> <td bgcolor="#3366ff">ikal</td> </tr> </table> </body> </html>

  5. Tabel (lanj) Komponen tabel: • <table border="1"> → cobalah ganti nilai bordernya • <table border="3" width="75%"> • <table border="3" width="100" height="75"> • <td align="center">Edison</td> • <td align="left" valign="bottom">Ed</td> • <td align="left" valign="middle"><img src="ed.gif" width="32" height="32" alt="Ed"></td>

  6. Tabel (lanj) • <td>&nbsp;</td> → cell kosong • <table border="3" cellspacing="12" cellpadding="12"> • <table border="3" bgcolor="#ff9933"> • <td bgcolor="#ff0000">Joko</td> • <td><img src="applepie.gif" width="150" height="138" alt="Apple Pie"></td>

  7. Tabel (lanj) • Tabel bisa untuk tampilan gambar terpisah...maksudnya....:-?

  8. Latihan 1

  9. Latihan 1 (lanj) • Petunjuk: gunakan unordered list atau ordered list, tag gambar, tulisan

  10. Latihan 2 • Lanjutkan dengan penambahan alamat email dan link ke situs tertentu

  11. Latihan 3

  12. Latihan 4

  13. Latihan 5

More Related