Masalah utama nu patali jeung HTML nambahkeun gambar ti sumber jauh téh nya éta bisa ngakibatkeun ngalambatkeun kaca loading kali. Ieu kusabab browser kudu nyieun pamundut misah pikeun tiap gambar, nu bisa nambahan nepi gancang mun aya sababaraha gambar dina kaca. Salaku tambahan, upami sumber jauh turun atanapi gaduh sambungan anu laun, ieu tiasa langkung ngalambatkeun waktos muka halaman. Tungtungna, aya ogé résiko ngaronjat tina kerentanan kaamanan saprak gambar nu keur ditarik tina sumber éksternal.
<img src="https://example.com/image.jpg" alt="Example Image">
1. Garis kode ieu mangrupikeun tag gambar HTML, anu dianggo pikeun nampilkeun gambar dina halaman wéb.
2. Atribut "src" netepkeun URL gambar anu bakal ditingalikeun, dina hal ieu nyaéta "https://example.com/image.jpg".
3. Atribut "alt" nyadiakeun téks alternatif pikeun gambar, dina hal ieu "Conto Gambar".
img src atribut
Atribut img src dina HTML dipaké pikeun nangtukeun sumber gambar. Hal ieu dipaké dina tag pikeun nangtukeun sumber gambar. Nilai atribut ieu kedah janten URL valid ngarah ka file gambar. Atribut ieu dipikabutuh pikeun sadaya gambar dina hiji halaman wéb, sareng ngamungkinkeun browser pikeun milarian sareng ningalikeun gambar.
Kumaha kuring nambahkeun hiji gambar éksternal dina HTML
Nambahkeun hiji gambar éksternal dina HTML cukup basajan. Sadaya anu anjeun kedah laksanakeun nyaéta ngagunakeun éta tag tur nangtukeun sumber gambar ngagunakeun atribut src. Sintaksis pikeun nambihan gambar éksternal dina HTML sapertos kieu:
Dimana "image_url" mangrupikeun tautan kana file gambar, sareng "teks alternatif" mangrupikeun pedaran ngeunaan naon anu aya dina gambar (pikeun tujuan aksés).
Contona, upami anjeun hoyong nambihan gambar éksternal tina halaman wéb anjeun anu disebut my-image.jpg, kode anjeun bakal siga kieu: