Cara menyisipkan gambar di HTML

 Hasil gambar untuk html domain
  Assalamualaikum wr.wb
selamat pagi sahabat semua di sini saya ingin berbagi sedikit kepada kalian hasil dari pembelajaran saya prakerin di BLC., yaitu tentang bagaimana cara menyispkan gambar pada HTML

Latar Belakang
untuk mempercantik suatu website dengan html.

Jangka waktu
kurang lebih 7 menit.

Langkahnya
1.Atribut src dalam tag <img>
Atribut src adalah singkatan dari source, merupakan atribut yang berisi alamat dari gambar yang akan ditampilkan. Alamat ini bisa relatif atau absolute. (perbedaan tentang alamat relatif dan alamat absolute telah kita bahas pada .
Untuk contoh kode HTML tentang image ini, sediakan sebuah gambar yang akan digunakan sebagai tampilan, dan tempatkan gambar tersebut ke dalam satu folder dengan halaman contoh. Gambar dapat berupa JPEG, PNG, maupun GIF.
Pada contoh dibawah ini saya menggunakan sebuah gambar keyboard_robot_bw_clone_lego_27558_602x339.jpg yang berada dalam satu folder dengan halaman HTML saat ini. Save denagn nama img.html


<!DOCTYPE html>
<html>
<head>
   <title>Penggunaan Tag Image</title>
</head>
<body>
   <h1>Belajar Tag Gambar</h1>
   <img src="keyboard_robot_bw_clone_lego_27558_602x339.jpg" />
</body>
</html>

hasil
2.Atribut width dan height dalam tag <img> Atribut lainnya membolehkan kita untuk menentukan besar dari gambar yang ditampilkan, yaitu width dan height.
Contoh penggunaan atribut width dan height pada tag <img>:

<!DOCTYPE html>
<html>
<head>
   <title>belajar menyisipkan gambar</title>
</head>
<body>
   <h1>Belajar Tag Gambar</h1>
   <img alt="robot" src="keyboard_robot_bw_clone_lego_27558_602x339.jpg" height="600" width="900" />
</body>
</html>

hasil

  Sekian dari saya kurang & lebihnya saya minta maaf dan semoga berhasil.:)
wasalamualaikum wr.wb
  
referensi:http://www.duniailkom.com/belajar-html-cara-menambahkan-gambar-di-html-tag-image/

Komentar

Posting Komentar