Menempatkan Gambar dengan HTML


Pemberian gambar atau image dalam sebuah halaman web dapat membuat tampilan lebih menarik.

Contoh perintah (tag) HTML yang digunakan untuk menempatkan gambar.

<html>

<head>
<title>Menempatkan gambar</title>
</head>

<body>
Saya akan menampilkan gambar pemandangan dibawah
<IMG SRC=”target_gambar_yang_diinginkan”>
</body>

</html>

Target gambar yang diinginkan disini langsung menunjuk pada suatu gambar tertentu. Untuk menampilkan gambar, digunakan tag <IMG SRC>, diikuti penulisan nama file dari gambar yang diinginkan.

Format penulisannya :
<body>
Saya akan menampilkan gambar pemandangan dibawah
<IMG SRC=”memori.jpg”>
</body>

Perintah yang Berkaitan Peletakan
   Gambar

Atribut yang berkaitan dengan peletakan gambar :

- ALT
memberikan alternatif teks / keterangan pada gambar ketika penunjuk mouse di atas gambar.

Format penulisannya :
<body>
<img src=”gunung.jpg” alt=”gambar alam” >
</body>

- HEIGHT dan WEIGHT
untuk mengatur tinggi dan lebar tampilan gambar pada browser sesuai dengan keinginan kita.

Format penulisannya :
<body>
<img src=”gunung.jpg” height=”30” weight=”300”>
</body>


- ALIGN
meletakkan gambar di posisi tertentu dalam daerah tertentu juga. Nilai yang biasa digunakan pada ALIGN ini antara lain LEFT dan RIGHT.

Format penulisannya :
<body>
<img src=”pantai1.jpg” align=”left”>
<img src=”pantai2.jpg” align=”right”>
</body>

- HSPACE dan VSPACE
mengatur jarak kosong antara gambar yang bersangkutan dengan obyek lain. HSPACE mengatur jarak kosong horizontal dan VSPACE mengatur jarak kosong vertikal.

Format penulisannya :
<body>
<img src=”pantai.jpg” hspace=”20”> Gambar pantai
</body>



Artikel Terkait Lainnya :



No comments:

Post a Comment