HTML image
Tag <img> merupakan tag HTML yang berfungsi untuk menampilkan gambar ke dalam halaman website. atribut yang biasanya digunakan dalam tag <img> adalah src, alt, width dan height.
Atribut tag <img>
1. src
Hampir sama dengan pembuatan link pada artikel sebelumnya, src merupakan singkatan dari source dimana atribut src merupakan atribut yang berisi alamat dari gambar yang akan ditampilkan. alamat dari gambar pada atribut src bisa internal ataupun external gambar yang ditampilkan bisa berupa JPEG, PNG ataupun GIF.
HTML image
[code hl="1, 4, 7"]
<img src="ajb.jpg"/>
[/code]
2. alt
Atribut alt adalah singkatan dari alternative description, dimana alt
digunakan untuk keterangan dari gambar jika gambar tersebut gagal
ditampilkan oleh browser. Atau jika web broser telah disetting untuk
tidak menampilkan gambar. (duniailkom)
3. width dan height
dua atribut kali ini sudah bisa ditebak mengenai fungsinya, dua atribut ini tidak lain berfungsi untuk mengatur lebar dan tinggi dari suatu gambar namun harus hati2 dalam menggunakan atribut width dan height, karena ketika kita menetapkan ukuran pada width dan height dengan ukuran tertentu maka gambar yang dihasilkan akan dipaksa mengikuti ukuran yang sudah kita tetapkan, akibatnya gambar sering tidak proporsional jika perbandingan lebar dan tinggi yang kita tetapkan tidak sama dengan perbandingan asli dari gambar tersebut.
HTML image
[code hl="1, 4, 7"]
<img src="ajb.jpg" width="200" height="500"/>
[/code]