Saat seseorang membuat halaman web yang berisi gambar, gambar tersebut sebenarnya tidak dimasukkan ke dalam halaman dengan informasi lainnya. Untuk menampilkan gambar di web, tautan gambar HTML digunakan sebagai ganti menyematkan gambar di dalam halaman. Untuk menggunakan tautan gambar HTML, tombol Tag HTML digunakan untuk memberikan informasi dimana gambar disimpan dan dapat diakses. Tag ini dapat digunakan dengan semua browser dan dapat digunakan untuk memuat semua jenis gambar yang didukung oleh browser.
Menggunakan tag saja tidak memberikan informasi ke halaman web yang dimaksudkan untuk berisi gambar. Ada dua atribut yang diperlukan agar tautan gambar HTML ditulis dengan benar sehingga gambar dimuat saat halaman web dimuat. Ada juga beberapa atribut opsional yang dapat dimasukkan untuk memberikan informasi lebih lanjut. Atribut yang diperlukan untuk menulis link gambar adalah src dan alt.
Atribut src dari tautan gambar HTML memberikan alamat web, atau URL, tempat gambar berada. URL dapat mengambil salah satu dari dua bentuk. URL absolut memberikan alamat web lengkap yang mengarahkan ke gambar di situs web lain. Contoh penyertaan URL absolut untuk atribut src adalah: src=”http://www.website.com/image.jpg” — di mana situs web.com menunjuk ke situs lain dan image.jpg menunjuk ke situs tertentu gambar.
Pilihan lain untuk URL dalam atribut src adalah menulis URL relatif. Dalam kasus URL relatif, alamat web menyediakan tautan ke gambar dalam direktori situs web yang sama. URL relatif adalah versi terpotong dari URL absolut karena gambar terletak di tempat yang sama dengan halaman web. Contoh atribut src dengan URL relatif adalah: src=”image.jpg” atau src=”images/image.jpg”. Satu-satunya perbedaan dalam contoh ini adalah di mana gambar berada, karena terletak di dalam folder gambar pada contoh kedua.
Atribut lain yang diperlukan adalah alt, yang menyediakan teks alternatif untuk gambar. Ini bukan teks yang ditampilkan jika pengguna mengarahkan mouse ke gambar, tetapi teks yang ditampilkan jika gambar tidak dapat ditampilkan karena alasan tertentu. Ada banyak alasan mengapa gambar tidak ditampilkan, termasuk kasus di mana URL di atribut src salah atau rusak, atau saat pengguna yang memiliki gangguan penglihatan menggunakan pembaca layar.
Kode paling dasar untuk tautan gambar HTML akan terlihat seperti berikut: . Sejak tag tidak memiliki tag akhir, penting untuk mengakhirinya dengan /> agar browser mengetahui bahwa instruksi telah berakhir. Atribut src menunjuk ke lokasi untuk gambar, jadi penting untuk memastikan bahwa tautan ke situs lain tidak rusak dan gambar tidak dipindahkan di dalam direktori situs web, dan untuk memperbaiki tautan ketika masalah terjadi.