Menyisipkan gambar latar belakang dan depan Mengatur posisi gambar Menampilkan teks alternatif untuk gambar Membuat Hyperlink pada gambar dan Image Map

20

6. Mengirim e-mail dari suatu form

html body form action= method=post enctype=textplain h3Form ini mengirim sebuah e-mail ke W3C.h3 Namabr input type=text name=nama value=Nama Anda” size=20 br Mail:br input type=text name=mail value=Mail Anda size=20 br Komentar:br input type=text name=komentar value=Komentar Anda size=40 brbr input type=submit value=Send input type=reset value=Reset form body html

7. Menyisipkan gambar latar belakang dan depan

html body background=background.jpg h3Lihatlah, ada gambar latar belakangh3 pBaik file gambar dengan format gif maupun jpg dapat digunakan sebagai latar belakang HTML.p pBila gambar yang digunakan lebih kecil dari halaman situs, gambar akan ditampilkan berulang-ulang.p p Sebuah gambar dari folder lokal: img src=gambar1.gif width=144 height=50 p p Gambar dari folder lain: img src=..imagesgambar2.gif width=33 height=32 p p Mengambil gambar dari situs lain: img src=www.yahoo.comimagesie.gif width=73 height=68 p body html

8. Mengatur posisi gambar

html body p Sebuah gambar img src =..imagescontoh.gif align=bottom width=100 height=50 21 di antara teks p p Sebuah gambar img src =..imagescontoh.gif align=middle width=100 height=50 di antara teks p p Sebuah gambar img src =..imagescontoh.gif align=top width=100 height=50 di antara teks p pPerhatikan bahwa default pengaturan adalah bottom diletakkan di bagian bawahp p Sebuah gambar img src =..imagescontoh.gif width=100 height=50 di antara teks p p img src =..imagescontoh.gif width=100 height=50 Sebuah gambar di depan teks p p Sebuah gambar di belakang teks img src =..imagescontoh.gif width=100 height=50 p body html

9. Menampilkan teks alternatif untuk gambar

html body img src=..imagesgambar.gif alt=Keterangan width=32 height=32 p Browser text-only hanya akan menampilkan teks dalam atribut alt, yaitu Keterangan. Perhatikan bahwa bilamana Anda membawa pointer mouse di atas gambar tersebut maka teks alternatif akan ditampilkan. p body html

10. Membuat Hyperlink pada gambar dan Image Map

html body p Anda dapat menggunakan gambar sebagai suatu link: a href=halaman2.htm img border=0 src=gambar1.gif width=65 height=38 22 a p p Gerakkan pointer mouse di atas gambar untuk melihat perbedaan link yang dituju: p img src=..imagesplanet.gif width=145 height=126 usemap=planetmap map name=planetmap area shape=rect coords=0,0,82,126 alt=Sun href=sun.htm area shape=circle coords=90,58,3 alt=Mercur href=mercur.htm area shape=circle coords=124,58,8 alt=Venus href=venus.htm map body html

11. Latar belakang dengan warna teks yang sesuai