Pemrograman Web Mohamad Syafri Tuloli
Materi Warna dalam html Link Imagemap
Warna Bisa menggunakan nama dari warna. Contoh : yellow, blue, cyan, dll. Bisa menggunakan nilai hexadesimal yang mengikuti kaidah RGB. Contoh #239432, #134351.
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.
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)
<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>
Link Bagian dari dokumen yang mengarahkan ke suatu dokumen lain, atau bagian yang lain (pada dokumen yang sama). Link menggunakan tag <a>
<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
<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 email saya klik <a href="mailto:eko@yahoo.com">disini</a> untuk mengirim email ke saya </body></html>
ImageMap Membuat bagian-bagian dari suatu gambar menjadi link. www.google.com www.facebook.com www.wikipedia.org
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>
<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>