HomeProfileFollowSubscribeContact

Sabtu, 17 Maret 2012

Tag <img> : Memasukkan gambar dengan HTML

Tag ini berguna untuk menampilkan gambar/foto. Tag ini mempunyai attribute dan value.
Attribute :
Src : Digunakan untuk menuliskan url/link gambar yang akan ditampilkan. Valuenya adalah url/link gambar yang ingin ditampilkan. Attribute ini harus selalu ada setiap menggunakan tag <img>.
Alt : Digunakan untuk menampilkan tulisan ketika gambar tidak berhasil ditampilkan.
Width : Digunakan untuk menentukan lebar gambar. Valuenya adalah angka (dalam satuan pixel). Value defaultnya adalah lebar gambar itu sendiri.
Height : Digunakan untuk menentukan tinggi gambar. Valuenya adalah angka (dalam satuan pixel). Value defaultnya adalah tinggi gambar itu sendiri.
Tag ini tidak mempunyai tag penutup. Cara menggunakannya adalah menuliskan link/url gambar setelah menuliskan attribute src.

~CONTOH~

<html>
<body>
<img src="http://www.fileden.com/files/2012/3/8/3275618/banner.jpg">
</body>
</html>

Kemudian save sesuai dengan tata cara membuat halaman HTML
Output yang ditampilkan browser :




Penggunaan attribute alt :
<html>
<body>
<img src="tidakada" alt="Gambar tidak ada">
</body>
</html>

Kemudian save sesuai dengan tata cara membuat halaman HTML
Output yang ditampilkan browser :


Gambar tidak ada

Penggunaan attribute alt :
<html>
<body>
<img src="http://www.fileden.com/files/2012/3/8/3275618/banner.jpg" width="75" height="25">
</body>
</html>

Kemudian save sesuai dengan tata cara membuat halaman HTML
Output yang ditampilkan browser :


~#####~

Jika ada yang ingin ditanyakan atau masukan silahkan ditulis di kotak komentar.

2 komentar:

  1. ini disimpan dimana?? atau diletakkan dimana??? maaf orang baru dalam hal blog

    http://salsabila-ravina.blogspot.com

    BalasHapus
  2. di notepad, jangan lupa ikuti ini http://fsfsource.blogspot.com/2012/03/tata-cara-membuat-halaman-html.html

    BalasHapus

Copyright© Fakhru Sidqi Fazari
Back To Top