Menampilkan Gambar pada Halaman Web
Rumus untuk menampilkan gambar adalah:
<img src=”alamat URL dari gambar tersebut”>
JPG, GIF, PNG dan SWF (flash) adalah format gambar yang boleh ditampilkan di web. Kode HTML untuk gambar atau image tidak membutuhkan tag penutup.
Kode Tambahan
Ada beberapa kode html tambahan untuk mempercantik tampilan gambar.
- border=”x” (untuk menentukan berapa tebal “bingkai” untuk gambar tersebut. Bila tak mau pakai bingkai, masukkan angka 0 atau NOL untuk menggantikan x)
- align=”left” atau align=”right” dan seterusnya (untuk menentukan apakah gambar itu mau dibuat rata kanan, rata kiri, dst)
- alt=”isi dengan teks tertentu” (ini adalah teks yang akan menyertai gambar tersebut).
Contoh :
1. Alamat link: http://www.ayobelajarwebsite.com
2. gambar yang mau di-link: http://www.madania.info/madu.jpg
<img src=http://www.madania.info/madu.jpg border=”1” alt=”Khasiat Madu” align=”left”>
Agar tidak bingung, kita buatkan langkah-langkahnya ya…
A. Rumus untuk membuat link:
<a href=”http://www.ayobelajarwebsite.com “><img src=http://www.madania.info/madu.jpg border=”1” alt=”Khasiat Madu” align=”left”></a>
B. Rumus untuk menampilkan gambar:
<img src=”2″><a href=http://www.ayobelajarwebsite.com” target=”_blank”><img src=http://www.madania.info/madu.jpg border=”0” alt=”Khasiat Madu” align=”left”></a>
Anda harus banyak latihan, supaya tidak bingung dan akan lebih familiar dengan kode-kode tersebut.