Untuk meletakkan gambar, diperlukan tag <IMG SRC="nama file"> dan merupakan tag tunggal.
Ada berbagai atribut yang dapat digunakan :
- Title : Memberi alternatif teks yang muncul saat mouse berada di atas gambar
- Alt : Memberi teks yang akan ditampilkan jika gambar tidak dapat ditampilkan
- Height : Mengatur tinggi gambar
- Width : Mengatur lebar gambar
- Border : Memberi bingkai pada gambar
- Hspace : Mengatur jarak gambar dengan obyek lain secara horizontal
- Vspace : Mengatur jarak gambar dengan obyek lain secara vertikal
- Align : Mengatur perataan gambar
Perataan horizontal = left, center, right, justify
Perataan vertikal = top, middle, bottom, absbottom
Contoh :
<html>
<body>
<img src="index.jpg" title="Align vertikal top, border, vspace 100" align="top" height="100" width="100" border="1" vspace="100"><br>
<img src="index.jpg" align="middle" height="100" width="100" hspace="100">Gambar ini menggunakan align vertikal middle dan hspace 100
</body>
</html>
<html>
<body>
<img src="index.jpg" align="bottom" height="100" width="100">Gambar ini menggunakan align vertikal bottom<br>
<img src="index.jpg" align="absbottom" height="100" width="100">Gambar ini menggunakan align vertikal absbottom
<img src="index.jpg" align="absbottom" height="100" width="100">Gambar ini menggunakan align vertikal absbottom
</body>
</html>
No comments:
Post a Comment