Cara Menampilkan Gambar pada Kode HTML

Setelah sebelumnya posting tentang kode HTML untuk menampilkan link, pada kali ini akan membahas tentang cara menampilkan gambar pada kode HTML. Ngomong-ngomong, pasti sudah pada tahu bukan gambar-gambar yang ada di dunia maya itu bagaimana? Salah satu contohnya adalah gambar Google yang ada di halaman utama situs Google. Lalu, bagaimana cara untuk menampilkannya pada kode HTML? Silakan copy paste kode berikut.

<img src="URL Gambar"
width="lebar gambar"
height="tinggi gambar"
alt="nama atau keterangan gambar"
style="gaya gambar"/>

Contohnya sebagai berikut.

<img src="http://blogger-id.net/images/featured.png"
width="40"
height="40"
alt="Google"
style="border:1px solid #d6d6d6;"/>

Keterangan: style, width, dan height bisa diganti atau bisa ditambah kode class setelahnya. Kode class akan berhasil mempercantik bila ada kode class di css yang anda gunakan. Untuk cara membuat kode class pada CSS, mungkin akan dibahas pada postingan berikutnya. Jadi, jangan bosen-bosen ya mampir kesini! Dan bila anda tidak mau mengubah ukuran, menamai, dan memberi gaya, kodenya tidak perlu disertai dengan width, height, alt dan style. Jadi, kodenya seperti ini.

<img src="URL Gambar"/>

Mungkin cukup segitu saja artikel tentang cara menampilkan gambar pada kode HTML. Bila ada kritik, saran atau tambahan silakan beri komentarnya, ya! :)