Apa itu tautan gambar HTML?

Ketika seseorang membuat halaman web yang berisi gambar, gambar sebenarnya tidak dimasukkan ke dalam halaman dengan sisa informasi.Untuk menampilkan gambar di web, tautan gambar HTML digunakan alih -alih menyematkan gambar di dalam halaman.Untuk menggunakan tautan gambar HTML, #60; IMG #62;Tag HTML digunakan untuk memberikan informasi di mana 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 #60; IMG #62;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 memuat saat halaman web dimuat.Ada juga beberapa atribut opsional yang dapat dimasukkan untuk memberikan informasi lebih lanjut.Atribut yang diperlukan untuk menulis tautan gambar adalah Src dan alt .

Atribut Src dari tautan gambar HTML menyediakan alamat web, atau URL, di mana gambar berada.URL dapat mengambil salah satu dari dua bentuk.URL absolut menyediakan alamat web lengkap yang mengarahkan ke gambar di situs web lain.Contoh termasuk URL absolut untuk atribut SRC adalah: src ' http: //www.website.com/image.jpg mdash;Di mana situs web.com menunjuk ke situs lain dan Image.jpg menunjuk ke gambar tertentu.

Opsi lain untuk URL dalam atribut SRC adalah menulis URL relatif.Dalam hal 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 ' gambar/gambar.jpg.Satu -satunya perbedaan dalam contoh -contoh ini adalah di mana gambar berada, karena terletak di dalam folder gambar dalam contoh kedua.

Atribut lain yang diperlukan adalah Alt , yang menyediakan teks alternatif untuk gambar.Ini bukan teks yang ditampilkan jika pengguna melayang di atas mouse di atas gambar, tetapi teks yang ditampilkan jika gambar tidak dapat ditampilkan untuk beberapa alasan.Ada banyak alasan mengapa suatu gambar mungkin tidak ditampilkan, termasuk kasus -kasus di mana URL dalam atribut SRC salah atau rusak, atau ketika pengguna yang memiliki gangguan visual menggunakan pembaca layar.

kode paling dasar paling dasarUntuk tautan gambar HTML akan terlihat seperti berikut: #60; img src ' url alt ' teks /#62;.Sejak #60; img #62;Tag tidak memiliki tag akhir, penting untuk mengakhirinya dengan / sehingga browser tahu bahwa instruksi telah berakhir.Atribut SRC menunjuk ke lokasi untuk suatu gambar, jadi penting untuk memastikan bahwa tautan ke situs lain tidak rusak dan gambar tidak dipindahkan dalam direktori situs web, dan untuk memperbaiki tautan ketika masalah terjadi.