Cara Memasukkan Gambar pada HTML

Cara memasukkan gambar di html

Cara Penulisan Atribut HTML untuk Objek Gambar

Salah satu kelebihan pada atribut HTML adalah menampilkan atau menyisipkan objek gambar pada sebuah dokumen. Untuk mengidentifikasi file gambar, kita bisa menggunakan atribut img tanpa tag penutup.
Contoh :
<img />

Cara memanggil Objek Gambar

Untuk menampilkan objek gambar, ada tag khusus yang digunakan yakni tag search yang disingkat dengan SRC. Dalam detail tag tersebut, dapat memanggil objek gambar yang tengah tersimpan. Cara memanggil gambar dengan tag HTML img yaitu simpan gambar difolder yang sama saat kamu membuat HTML. Sebagai contoh copy script di bawah ini :
<!DOCTYPE HTML>
<html>
 <head>
  <title>Gambar pada HTML</title>
 </head>
 <body>
  <img src=”gambar.jpg”/>
 </body>
</html>
Setelah kamu menulis script diatas pada notepad dan simpan dengan nama websiteku.htm atau isi nama sesuai yang kamu inginkan. Setelah itu download gambar dibawah atau bisa menggunakan gambar kamu sendiri dan beri nama gambar.jpg.
cara-memasukkan-gambar-pada-html
Simpan gambar ditempat yang sama kamu menaruh file HTML tadi. Untuk lebih jelasnya lihat screenshot dibawah ini :
Screenshot cara memasukkan image HTML

Setelah itu kamu buka file websiteku.htm pada browser kesayangan kamu. Maka hasilnya akan seperti ini :
Hasil cara memasukkan gambar di HTML

Bagaimana? Mudahkan? Ternyata belajar HTML tidak sesulit yang kita bayangkan ya. Semoga tutorial ini bermanfaat bagi kita semua dan simak tutorial HTML yang lain ya.
Previous
« Prev Post

8 comments

Click here for comments
June 22, 2016 at 12:54 AM ×

Mantab kadang suka revisi dari client um huhuuu sedih ~

Reply
avatar
Shorts.bz
admin
June 22, 2016 at 12:55 AM ×

Manteb nih, bisa buat reverensi kerjain program anak kuliahan kaya ane :*

Reply
avatar
August 3, 2016 at 8:08 PM ×

kalau mengatur ukuran gambarnya gmana??

Reply
avatar
Anonymous
admin
October 30, 2017 at 10:31 AM ×

bisa, pake meteran aja ntar diukur ganz

Reply
avatar
September 28, 2018 at 10:53 PM ×

keren kak artikelnya,,,mau tanya ukuran gambar harus diperkecil atau boleh ukuran gambar sesungguhnya,,makasih kak
Kunjungi website kampus saya ya http://www.atmaluhur.ac.id
Dan web blog saya https://astutiernawati.mahasiswa.atmaluhur.ac.id/

Reply
avatar