Menampilkan Gambar

Dalam HTML, gambar didefinisikan dengan tag <img>.

Tag <img> kosong, yang berarti mengandung atribut saja, dan tidak memiliki tag penutup.
Sebagai pengganti, kita tambahkan tanda slash (/)sebelum kurung tutup.

Sekarang saatnya anda mencoba memuat gambar pada file HTML.
1. Buatlah file HTML baru dengan nama latihan2.html
2. Carilah sebuah gambar dan simpan satu folder dengan file HTML anda.

Gambar 1 Penempatan gambar sesuai dengan lokasi file HTML

3. Ketikkanlah kode HTML berikut :

4. Bukalah pada browser, anda akan melihat gambar telah termuat pada file HTML anda.

Untuk menampilkan gambar pada halaman, Anda perlu menggunakan atribut src. Src singkatan dari "sumber". Nilai dari atribut src adalah URL gambar yang ingin ditampilkan.

contoh: <code>
<img src="url" alt="some_text">

URL menunjuk ke lokasi di mana gambar disimpan. Sebuah gambar bernama "boat.gif", yang terletak di direktori "images" pada "www.w3schools.com" memiliki URL: http://www.w3schools.com/images/boat.gif.

Browser menampilkan gambar di mana tag <img> terjadi dalam dokumen. Jika Anda menempatkan tag gambar antara dua paragraf, browser menunjukkan paragraf pertama, maka gambar, dan kemudian paragraf kedua.