Image di HTML

Sederhananya untuk menyisipkan gambar pada dokumen html kurang lebih seperti ini.

Buat file insert_image.html , kemudian siapkan gambar yang akan di insert.

insertimg
Tag yang digunakan serderhana saja. Hanya dengan menginsert kan tag <img>. tag ini tidak seperti tag lainnya yang perlu menggunakan penutup </>  . Untuk lebih jelasnya. lihatlah contoh dibawah.

<!DOCTYPE html>
<html>
<body>

 <p>
  An image:
  <img src="kucing.jpg" alt="Smiley face" width="32" height="32">
 </p>

</body>
</html>

pada dokumen di atas terdapat src , dimana itu adalah source/sumber file yang akan kita insert. jika contonya kita menyimpan file nya pada direktori tertentu maka lihat contoh dibawah
insertimg2
maka :

<!DOCTYPE html>
<html>
<body>

 <p>
  An image:
  <img src="images/kucing.jpg" alt="Smiley face" width="32" height="32">
 </p>

</body>
</html>

alt pada baris di atas adalah alternative text jika kita mengiingkan sebuah judul untuk image/gambar yang akan kita insert.

kemudian kita juga bisa menentukan panjang dan lebarnya melalui widht dan height

hasilinsertimg

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s