Gambar HTML

Sebelumnya -- Berikutnya
--------------------------------------------------------------------------------

Dengan HTML kamu dapat menampilkan gambar di dokumen.

--------------------------------------------------------------------------------

Tag Image dan Atribut Src

Di HTML, gambar diberikan oleh tag <img>.

Tag <img> kosong, yang berarti hanya berisi atribut dan tanpa tag penutup.

Untuk menampilkan gambar pada suatu halaman, kamu perlu menambahkan atribut src. Src kependekan dari "source". Nilai dari atribut src adalah alamat dari gambar yang akan ditampilkan.

Penulisan untuk menyisipkan gambar:

<img src="url">

URL mengacu pada lokasi dimana gambar disimpan. Sebuah gambar bernama "boat.gif" terletak di direktori "images" di "www.w3schools.com" memiliki URL: http://www.w3schools.com/images/boat.gif.

Browser meletakkan gambar tepat dimana tag dituliskan. Jika kamu meletakkan tag di antara dua paragraf, browser akan menampilkan paragraf pertama, gambar, kemudian paragraf kedua.

--------------------------------------------------------------------------------

Atribut Alt

Atribut alt digunakan untuk memberikan "text alternatif" untuk suatu gambar. Nilai dari atribut alt bisa sembarang text:

<img src="boat.gif" alt="Big Boat">

Atribut alt memberitahukan pembaca bahwa browser yang dia pakai tidak dapat menampilkan gambar tersebut. Browser kemudian akan menampilkan text alternatif daripada gambar tersebut. Ini adalah latihan yang baik untuk memberikan atribut alt pada setiap gambar yang ada untuk meningkatkan tampilan dan kegunaan dari dokumen terutama bagi mereka yang browsernya hanya bisa menampilkan text saja.

--------------------------------------------------------------------------------

Catatan Dasar - Tips Berguna

Jika sebuah HTML berisi sepuluh gambar - sebelas file diperlukan untuk menampilkan halaman dengan benar. Membuka gambar memerlukan waktu, jadi saran kami: Gunakan gambar dengan bijak.

--------------------------------------------------------------------------------

Tag Image

Tag	Deskripsi
<img>	Menunjukkan sebuah gambar
<map>	Menunjukkan peta gambar
<area>	Menunjukkan area yang bisa di klik pada peta gambar

--------------------------------------------------------------------------------
Sebelumnya -- Berikutnya
--------------------------------------------------------------------------------

Pilih Style
untuk halaman ini