Peamine HTML-i kaugallikatest piltide lisamisega seotud probleem on see, et see võib põhjustada lehe laadimise aeglustumist. Seda seetõttu, et brauser peab esitama iga pildi kohta eraldi päringu, mis võib kiiresti kokku liita, kui lehel on mitu pilti. Lisaks, kui kaugallikas on maas või selle ühendus on aeglane, võib see lehe laadimisaegu veelgi edasi lükata. Lõpuks suureneb ka turvaaukude oht, kuna pilte tõmmatakse välisest allikast.
<img src="https://example.com/image.jpg" alt="Example Image">
1. See koodirida on HTML-pildimärgend, mida kasutatakse veebilehel pildi kuvamiseks.
2. Atribuut “src” määrab kuvatava pildi URL-i, antud juhul on see “https://example.com/image.jpg”.
3. Atribuut “alt” pakub pildile alternatiivset teksti, antud juhul on see “Example Image”.
img src atribuut
HTML-i atribuuti img src kasutatakse pildi allika määramiseks. Seda kasutatakse sees pildi allika määratlemiseks. Selle atribuudi väärtus peaks olema kehtiv URL, mis osutab pildifailile. See atribuut on vajalik kõikide veebilehel olevate piltide jaoks ning see võimaldab brauseril pilti leida ja kuvada.
Kuidas lisada HTML-i välist pilti
Välise pildi lisamine HTML-i on üsna lihtne. Kõik, mida pead tegema, on kasutada sildi ja määrake pildi allikas atribuudi src abil. HTML-i välise pildi lisamise süntaks näeb välja järgmine:
Kus "image_url" on link pildifailile ja "alternatiivne tekst" on pildil oleva kirjeldus (juurdepääsetavuse huvides).
Näiteks kui soovite lisada oma veebisaidilt välise pildi nimega my-image.jpg, näeks teie kood välja järgmine:
