Belajar HTML : Images

posted in: Tutorial Pemrograman | 0

Images HTML

Dalam HTML, gambar didefinisikan dengan tag <img>.

<img> tag kosong, yang berarti bahwa mengandung atribut saja, dan tidak memiliki tag penutup.

Untuk menampilkan gambar pada halaman, Anda perlu menggunakan atribut src, singkatan dari “source”. Nilai dari atribut src adalah URL gambar yang ingin ditampilkan.

Contoh :

</pre>
<p class="code"><span class="hps"><</span>img <span class="hps">src="</span>url" <span class="hps">alt="</span>some_text"></p>

<pre>

URL yang menunjuk ke lokasi di mana gambar disimpan. Sebuah gambar bernama “boat.gif”, yang terletak di direktori “gambar” pada “www.kursuswebmaster.com” memiliki URL: http://www.kursuswebmaster.com/images/boat.gif.
Image HTML – Alt Atribut
Atribut alt diperlukan menentukan sebuah teks alternatif untuk gambar, jika gambar tidak dapat ditampilkan.

Nilai atribut alt adalah teks penulis-didefinisikan:


<img src = "smiley.gif" alt = "Smiley face"> 

Atribut alt memberikan informasi alternatif untuk gambar jika pengguna untuk beberapa alasan tidak bisa melihatnya (karena koneksi yang lambat, kesalahan dalam atribut src, atau jika pengguna menggunakan screen reader).

Image HTML – Mengatur Tinggi dan Lebar dari suatu Gambar

Atribut tinggi dan lebar digunakan untuk menentukan tinggi dan lebar dari suatu gambar.
Nilai atribut yang ditentukan dalam pixel secara default:

<img src = "smiley.gif" alt = "wajah Smiley" width = "42" height = "42">

Tip:

Ini adalah praktik yang baik untuk menentukan baik atribut tinggi dan lebar untuk gambar. Jika atribut ini ditetapkan, ruang yang diperlukan untuk gambar dicadangkan saat halaman dimuat. Namun, tanpa atribut-atribut ini, browser tidak mengetahui ukuran gambar. Efeknya akan mempengaruhi tata letak halaman yang akan berubah selama loading (sementara gambar dimuat).

Tag Deskripsi
<img> Mendefinisikan sebuah gambar
<map> Mendefinisikan sebuah image-map
<area> Mendefinisikan daerah yang dapat diklik dalam sebuah image-map

Leave a Reply