Menambahkan Gambar Di HTML

 kali ini saya akan memposting cara menambahkan gambar di HTML . ya gambar pada sebuah halaman web tentu sangat penting gambar bisa lebih menekankan maksud sebuah dari artikel . lalu bagaimana cara menambahkan gambar di HTML . bagi yang sudah berpengalaman tentu tidak jadi masalah , tapi lain hal nya apabila masih newbi seperti saya , pasti akan bingung . menambahkan gambar di HTML tidaklah sulit . langsung saja saya akan beri contoh nya supaya sobat semua bisa lebih paham . oke silahkan disimak ya :

menambahkan gambar di HTML diperlukan Atribut src yaitu singkatan dari source, merupakan atribut yang berisi alamat dari gambar yang akan ditampilkan.

Untuk contoh kode HTML tentang gambar ini, sobat sediakan dahulu sebuah gambar yang akan digunakan sebagai tampilan, dan tempatkan gambar tersebut ke dalam satu folder dan nantinya file HTML nya juga ditempatkan difolder yang sama . apa jadi nya kalau file gambar kita pindah ? ya pasti akan error gambar tidak muncul . contoh gambar dapat berupa JPEG, PNG, maupun GIF.

Pada contoh dibawah ini saya menggunakan sebuah gambar img.jpg yang berada dalam satu folder dengan halaman HTML nya. Savelah file HTML nya sebagai img.html

Contoh penggunaan tag <img>:


Tulislah script seperti berikut di text editor sobat :

Perhatikan bahwa tag <img> tidak memiliki elemen, sehingga langsung ditutup dengan />

 nah setelah itu coba sobat buka dengan browser sobat . kalau benar akan seperti dibawah ini

  selamat sobat sudah bisa menambahkan gambar di HTML, ini sangat berguna sekali kedepan nya untuk belajar pemrograman web . oke sekian dari saya sobat nantikan postingan saya selanjut nya

Posted by Unknown

Tweet