Menempatkan Gambar Dengan Html
Pemberian gambar atau image dalam sebuah halaman web sanggup menciptakan tampilan lebih menarik.
Contoh perintah (tag) HTML yang dipakai 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 eksklusif menunjuk pada suatu gambar tertentu. Untuk menampilkan gambar, dipakai 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
memperlihatkan alternatif teks / keterangan pada gambar dikala 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 impian kita.
Format penulisannya :
<body>
<img src=”gunung.jpg” height=”30” weight=”300”>
</body>
- ALIGN
meletakkan gambar di posisi tertentu dalam tempat tertentu juga. Nilai yang biasa dipakai 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>
Sumber http://herlambank.blogspot.com
0 Response to "Menempatkan Gambar Dengan Html"
Posting Komentar