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, tag HTML <img> digunakan untuk memberikan informasi tempat gambar disimpan dan dapat diakses. Tag ini dapat digunakan dengan semua browser dan dapat digunakan untuk memuat semua jenis gambar yang didukung oleh browser.
Gambar di halaman web sering kali memiliki alamat web sendiri.
Menggunakan tag <img> 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 .
Tautan gambar memberi tahu halaman web di mana menemukan gambar yang dimaksudkan untuk ditampilkan, daripada memiliki gambar yang langsung disematkan di halaman itu sendiri.
src atribut link gambar HTML menyediakan alamat web, atau URL , di mana gambar tersebut berada. URL dapat mengambil salah satu dari dua bentuk. Sebuah URL absolut menyediakan alamat web lengkap yang mengarahkan ke sebuah gambar pada 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.
Opsi 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: <img src=”URL” alt=”text” />. Karena tag <img> tidak memiliki tag akhir, penting untuk mengakhirinya dengan /> agar browser mengetahui bahwa instruksi telah berakhir. src atribut poin ke lokasi untuk gambar, sehingga sangat penting untuk memastikan bahwa link ke situs lain tidak rusak dan bahwa gambar tidak bergerak di sekitar dalam direktori situs, dan link yang benar ketika masalah terjadi.