menyisipkan gambar di HTML

Assalamualaikum wr.wb

hai!!! apa kabar semua hari ini semoga kalian semua pada sehat selalu!! Oke pada kali ini saya akan sharing tentangmenyispkan gambar pada HTML

LATAR BELAKANG
untuk mempercantik suatu website dengan html.
JANGKA WAKTU
5 menit,
LANGKAH LANGKAH
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
 referensi:http://www.duniailkom.com/belajar-html-cara-menambahkan-gambar-di-html-tag-image/

Komentar

Postingan populer dari blog ini

langkah langkah konfigurasi DNS server

pengertian Virtual Access Point

mengenal GNS3