Gambar Di HTML

$[ Enjoy Materi ]$

Gambar di dalam suatu web page merupakan daya penarik bagi pengunjung suatu web site. Umumnya web site dilengkapi dengan gambar-gambar untuk membuat orang tertarik untuk melihat dan membaca isi yang ada di suatu web site. Setiap gambar akan butuh waktu tambahan untuk download dan memperlambat awal penampilan suatu dokumen dalam browser. Untuk itu perlu hati-hati untuk menyertakan gambar dalam dokumen web site. Untuk menyertakan sebuah image dalam dokumen web adalah <img src="nama_image">.

Contoh:

<img src="gambar.png" width="200px" height="100px" >

<img src="gambar.png" width="200px" height="200px" >

Lokasi gambar: Memori/BelajarHTML/

Hasil:



Teks Alternatif Untuk Image
Atribut alt pada tag <img> menyediakan tempat untuk menampilkan teks pengganti gambar. Keterangan alternatif akan muncul jika kita menaruh mouse pointer di atas gambar agak lama atau ketika file gambar tidak tersedia.
Contoh:

<img src="gambar.png" alt="Belajar HTML" width="200px" height="200px" >

Lokasi gambar: Memori/BelajarHTML/

Hasil:



Image Border
Memberikan border/bingkai pada gambar.
Contoh:

<img src="gambar.png" border="3" width="200px" height="200px" >

Lokasi gambar: Memori/BelajarHTML/

Hasil:



Image Alignment
Mengatur gambar rata kiri (left), tengah (center) atau kanan (right).
Contoh:

<img src="gambar.png" align="right" width="100px" height="100px" >

Lokasi gambar: Memori/BelajarHTML/

Hasil:

Writer By : @mr.mcf404