HTML – Image


Tag image digunakan untuk memasukkan gambar ke dalam dokumen HTML. Tag image merupakan salah satu tag yang tidak memiliki tag penutup.

Syntaks image adalah :

<IMG>

Atribut yang digunakan antara lain :

  • src : lokasi dan nama file gambar
  • width : menentukan lebar gambar
  • height : menentukan tinggi gambar
  • border : memberi bingkai pada gambar
  • hspace : memberi ruang kososng di sebelah kanan dan kiri gambar
  • vspace : memberi ruang kososng di sebelah atas dan bawah gambar
  • align : menentukan perataan gambar

Contoh penggunaan tag image adalah :

<html>
<head><title></title></head>
<body>
<IMG src=”logo.jpg” width=”50″ height=”50″ align=”left”>Gambar di samping kiri<br>
Gambar di tengah<IMG src=”logo.jpg” width=”50″ height=”50″ align=”middle”>Gambar di tengah<br>
<IMG src=”logo.jpg” width=”50″ height=”50″ align=”right”>Gambar di samping kanan
</body>
</html>

Hasil dari syntaks di atas adalah :

image-1
Contoh lain dengan menggunakan atribut vsapce dan hspace adalah :

<html>
<head><title></title></head>
<body>
Jarak bagian atas<br>
Jarak bagian kiri<IMG src=”logo.jpg” width=”50″ height=”50″ hspace=”20″ vspace=”20″border=”2″ align=”middle”>Jarak bagian kanan<br>
Jarak bagian bawah
</body>
</html>

Hasilnya adalah :

image-2


Leave a Reply