Tag HTML - memasukkan gambar dalam kode HTML

Salam Blogger :D

Kali ini saya akan meng-share cara untuk memasukkan gambar ke dalam web 

tentunya menggunakan kode HTML :D

Langsung saja ke Materi :D

Kode yang diperlukan untuk memasukkan gambar adalah sebagai berikut (contoh):

(klik gambar untuk di zoom)

berikut adalah penjelasan tentang nomor2 pada gambar:

 1. img src="leftright.jpg" , pada kata "LEFTRIGHT.JPG", ganti kata kata tersebut sesuai nama file gambarmu,

 2. Alt="Senam"  , pada kata "SENAM" , ganti kata tersebut sesuai nama yang akan kamu berikan, ketika    file gambarmu sedang dimuat/ browser tidak mendukung file gambar

3. width=700 , ganti angka "700" sesuai dengan lebar yang kamu inginkan (dalam bentuk px)

 4. height=700 , ganti angka "700" sesuai dengan tinggi yang kamu inginkan (dalam bentuk px)

 5. contoh gambar yang saya pakai dalam kode diatas

6. contoh file.htm yang saya telah buat

Jadi pada intinya:
<img src="FILE GAMBARMU.jpg" alt="DESKRIPSI" width="LEBAR" height="TINGGI">

Catatan: FILE HTML KITA HARUS 1 FOLDER /DIRECTORY DENGAN GAMBAR, KALAU TIDAK GAMBAR TIDAK AKAN DIMUAT

Buka

tag-tag yang dibutuhkan pada saat memasukkan gambar:

tag img -- digunakan sebagai tag utama
tag src -- digunakan setelah tag "IMG", digunakan untuk membrowse file gambar anda
tag alt -- digunakan setelah tag "src" , digunakan untuk memberi deskripsi gambar
tag width -- digunakan setelah tag "alt", digunakan untuk memberi lebar gambar
tag height -- digunakan setelah tag "width", digunakan utnuk memebri tinggi gambar

hasilnya setelah dicoba:

selamat mencoba :D

Posted in: Utak-Atik HTML