Presentasi sedang didownload. Silahkan tunggu

Presentasi sedang didownload. Silahkan tunggu

Pemrograman Web Mohamad Syafri Tuloli.

Presentasi serupa


Presentasi berjudul: "Pemrograman Web Mohamad Syafri Tuloli."— Transcript presentasi:

1 Pemrograman Web Mohamad Syafri Tuloli

2 Materi Warna dalam html Link Imagemap

3 Warna Bisa menggunakan nama dari warna. Contoh : yellow, blue, cyan, dll. Bisa menggunakan nilai hexadesimal yang mengikuti kaidah RGB. Contoh #239432, #

4 RGB Format nya: #RRGGBB RR: kandungan warna merah dari warna.
GG: kandungan warna hijau dari warna. BB: kandungan warna biru dari warna. Contoh: #FF0000 adalah warna merah, dan #00FF00 adalah warna hijau.

5 Warna-warna yang sering digunakan.
Black (#000000), Green (#008000), Silver (#C0C0C0), Lime (#00FF00), Gray (#808080), Olive (#808000), White (#FFFFFF), Yellow (#FFFF00), Maroon (#800000), Navy (#000080), Red (#FF0000), Blue (#0000FF), Purple (#800080), Teal (#008080), Fuchsia (#FF00FF), Aqua (#00FFFF)

6 <body bgcolor=silver>
Warna.html <body bgcolor=silver> <font color=#0000FF> ini berwarna biru </font> <font color=olive> ini berwarna olive</font> <table> <tr><td bgcolor=black > black </td> <td bgcolor=#FFFFFF> white</td> <td bgcolor=yellow> yellow</td> <td bgcolor=maroon> maroon</td> <td bgcolor=navy> navy </td> <td bgcolor=#FF0000> Red </td> <td bgcolor=#0000FF> Blue</td> </table> </body>

7 Link Bagian dari dokumen yang mengarahkan ke suatu dokumen lain, atau bagian yang lain (pada dokumen yang sama). Link menggunakan tag <a>

8 <h1>Atas dokumen</h1>
<body> <a name="top"> <h1>Atas dokumen</h1> Tulisan <br><br><br><br><br><br> <a name="tengah"> <h1> Tengah Dokumen </h1> <a href="#top">To top</a><br> <a href="#tengah">To tengah</a> </body> LinkKeDokumen.html

9 <html><body>
JenisLink.html <html><body> Klik <a href=Warna.html> disini </a> <br> Atau klik <a href=LinkKeDokumen.html> <img src=“contoh.jpg” width=100 height=100 /> </a> Atau saya klik <a untuk mengirim ke saya </body></html>

10 ImageMap Membuat bagian-bagian dari suatu gambar menjadi link.

11 ImageMap.html <html><body> <img src="Sunset.jpg" width=“500" height=“500" usemap="#petaku" /> <map name="petaku"> <area shape="rect" coords="0,0,250,250" href=“warna.html" /> <area shape=“rect” coords=“250,0,500,250” href=“linkKeDokumen.html” /> </map> </body></html>

12 <html><body> <img src="Sunset
<html><body> <img src="Sunset.jpg" width="100" height="100" usemap="#petaku" /> <map name="petaku"> <area shape="rect" coords="0,0,50,50" href="satu.htm" /> <area shape="rect" coords="50,0,100,50" href="dua.htm" /> <area shape="circle" coords="50,75,25" href="tiga.htm" /> </map> </body></html>


Download ppt "Pemrograman Web Mohamad Syafri Tuloli."

Presentasi serupa


Iklan oleh Google