Untuk menampilkan gambar atau animasi gif pada halaman web menggunakan tag sebagai berikut :
<IMG SRC=”nama_file_gambar”>
Beberapa atribut yang digunakan pada tag <img>
antara lain :
Jenis-Jenis Atribut
pada Tag <img>
Atribut
|
Kegunaan
|
Alt
|
Menampilkan alternatif text pada image jika mouse berada diatasnya
|
Align
|
Mengatur perataan posisi gambar (center, left, right)
|
Border
|
Mengatur lebar border/bingkai pada gambar
|
Height
|
Mengatur tinggi image
|
Hspace
|
Mengatur letak gambar
|
Src
|
Menentukan sumber file, lokasi dimana file disimpan
|
Width
|
Mengatur lebar image
|
Vspace
|
Mengatur letak gambar
|
Contoh :
<HTML>
<HEAD>
<TITLE>Judul dari Dokumen
HTML</TITLE>
</HEAD>
<BODY>
<img src="BlueLace.gif"
ALT="Gambar Gelembung" width="48" height="48">
<HR>
<img src=" BlueLace.gif"
ALT="Gambar Gelembung" ALIGN=Midlle width=30%
height="48">
Teks ini di bagian tengah dari tinggi
gambar dengan lebar=30%<HR>
<img src=" BlueLace.gif"
ALT="Gambar Gelembung" ALIGN=Bottom
width="48"
height="48">
Teks ini terletak pada bagian bawah
dari tinggi gambar
<HR>
<img
src=" BlueLace.gif" ALT="Gambar Gelembung" ALIGN=Right
width="80" height="60">
|
Gambar akan terletak di sebelah kanan
teks dengan lebar=80 dan tinggi=60
<BR><BR><BR><BR>
<img src=" BlueLace.gif"
ALT="Gambar Gelembung" ALIGN=Left width="48" height="48">
Gambar akan terletak di sebelah kiri
teks
<BR><BR><BR><BR>
<img src=" BlueLace.gif"
ALT="Gambar Gelembung" ALIGN=Top width="48" height="48">
Teks ini terletak pada bagian atas
dari tinggi gambar
</BODY>
</HTML>
|
Gambar sebagai Hyperlink
Untuk menjadikan
image sebagai hyperlink, dapat dilakukan seperti contoh di bawah ini:
<HTML>
<HEAD>
<TITLE>Halaman
Awal</TITLE>
</HEAD>
<BODY>
<H4>Selamat Datang di
Situs Pribadi Saya</H4>
untuk bisa menjelajahi situs ini, silahkan klik pada
gambar berikut
<A HREF="contoh_4.2.htm">
<IMG SRC="lambang_poltek_telkom.bmp" ALT="Link Menggunakan Image"></A>
Selamat menikmati
penjelajahan di situs ini.
</BODY>
</HTML>
|
0 comments:
Post a Comment