Cara Memasukkan Gambar di HTML

Cara Memasukkan Gambar di HTML

    Seperti pada fungsi-fungsi lainnya, Anda dapat memasukkan gambar ke dalam webpage dengan menggunakan fungsi HTML. Fungsi ini memakai tag <img>, namun tag tersebut masih merupakan tag kosong yang berarti masih harus diisi dengan atribut lain seperti direktori gambar. Secara lengkap tag gambar dapat berupa:

<img src=”direktori gambar” alt=”nama gambar” />

Src dalam formula tersebut adalah direktori gambar yang digunakan berdasarkan letak disimpannya file HTML. Misalkan gambar yang kita ingin tampilkan ada di partisi D: berada didalam folder “Foto” dan bernama “Robot.JPG”, maka akan ditulis src=”D:Foto/Robot.jpg”. Alt adalah nama dari gambar yang akan ditampilkan. Seringkali ketika mengarahkan cursor di gambar, akan terlihat nama dari gambar tersebut. Fungsi alt adalah memberi nama dari gambar yang digunakan, nama dapat ditulis berupa ekstensi gambar.

Dalam HTML, gambar yang bisa digunakan adalah gambar yang berformat jpg, jpeg, png dan gif; namun harus diperhatikan bahwa nama gambar harus sama persis dengan nama yang ada di folder, termasuk penggunaan huruf kapital. Jika direktori html tidak sesuai dengan gambar di file, maka tag tersebut akan menjadi tag yang kosong.

Berikut ini adalah formula memasukkan gambar di HTML:

                    Gambar 1. Memasukkan gambar di HTML                        

Catatan: Seringkali kita salah menuliskan "src" menjadi "scr", kesalahan inilah yang menyebabkan gambar kita tidak muncul.

Disini kita bisa mengatur Lebar dan Tinggi gambar yang ingin kita masukkan, seperti contoh diatas saya mengatur gambar dengan tinggi height="200" dan lebar width="100"

Dan inilah hasil dari kodingan HTML diatas:

 

Itulah penjelasan dari saya, kurang lebihnya mohon maaf. Karena saya juga masih belajar. Sekian dan terima kasih semoga membantu.

 

Tweet