Vyriešené: html pridať obrázok zo vzdialeného zdroja

Hlavným problémom súvisiacim s pridávaním obrázkov HTML zo vzdialených zdrojov je to, že to môže viesť k pomalému načítaniu stránky. Prehliadač totiž musí pre každý obrázok vytvoriť samostatnú požiadavku, ktorá sa môže rýchlo sčítať, ak je na stránke viacero obrázkov. Okrem toho, ak vzdialený zdroj nefunguje alebo má pomalé pripojenie, môže to ešte viac oneskoriť načítanie stránky. Napokon existuje aj zvýšené riziko bezpečnostných chýb, pretože obrázky sa sťahujú z externého zdroja.

<img src="https://example.com/image.jpg" alt="Example Image">

1. Tento riadok kódu je obrázková značka HTML, ktorá sa používa na zobrazenie obrázka na webovej stránke.
2. Atribút „src“ určuje adresu URL obrázka, ktorý sa má zobraziť, v tomto prípade je to „https://example.com/obrazok.jpg“.
3. Atribút „alt“ poskytuje alternatívny text pre obrázok, v tomto prípade je to „Ukážkový obrázok“.

atribút img src

Atribút img src v HTML sa používa na určenie zdroja obrázka. Používa sa v rámci tag na definovanie zdroja obrázka. Hodnota tohto atribútu by mala byť platná adresa URL smerujúca na súbor obrázka. Tento atribút je povinný pre všetky obrázky na webovej stránke a umožňuje prehliadaču nájsť a zobraziť obrázok.

Ako pridám externý obrázok v HTML

Pridanie externého obrázka v HTML je celkom jednoduché. Všetko, čo musíte urobiť, je použiť a špecifikujte zdroj obrázka pomocou atribútu src. Syntax na pridanie externého obrázka do HTML vyzerá takto:

alternatívny text

Kde „image_url“ je odkaz na súbor obrázka a „alternatívny text“ je popis toho, čo je na obrázku (pre účely dostupnosti).
Ak by ste napríklad chceli pridať externý obrázok z vašej webovej lokality s názvom môj-obrázok.jpg, váš kód by vyzeral takto:
Obrázok pláže

Súvisiace príspevky:

Pridať komentár