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