Hlavním problémem souvisejícím s přidáváním obrázků HTML ze vzdálených zdrojů je to, že to může vést k pomalému načítání stránky. Prohlížeč totiž musí pro každý obrázek vytvořit samostatný požadavek, který se může rychle sčítat, pokud je na stránce více obrázků. Navíc, pokud je vzdálený zdroj mimo provoz nebo má pomalé připojení, může to dále zpomalit načítání stránky. A konečně existuje také zvýšené riziko bezpečnostních chyb, protože obrázky jsou stahovány z externího zdroje.
<img src="https://example.com/image.jpg" alt="Example Image">
1. Tento řádek kódu je obrázková značka HTML, která se používá k zobrazení obrázku na webové stránce.
2. Atribut „src“ specifikuje URL obrázku, který se má zobrazit, v tomto případě je to „https://example.com/image.jpg“.
3. Atribut „alt“ poskytuje alternativní text pro obrázek, v tomto případě je to „Ukázkový obrázek“.
img src atribut
Atribut img src v HTML se používá k určení zdroje obrázku. Používá se v rámci tag pro definování zdroje obrázku. Hodnota tohoto atributu by měla být platná adresa URL odkazující na soubor obrázku. Tento atribut je vyžadován pro všechny obrázky na webové stránce a umožňuje prohlížeči obrázek najít a zobrazit.
Jak přidám externí obrázek v HTML
Přidání externího obrázku v HTML je poměrně jednoduché. Vše, co musíte udělat, je použít a určete zdroj obrázku pomocí atributu src. Syntaxe pro přidání externího obrázku do HTML vypadá takto:
Kde „image_url“ je odkaz na soubor obrázku a „alternativní text“ je popis toho, co je na obrázku (pro účely usnadnění).
Pokud byste například chtěli přidat externí obrázek ze svého webu s názvem můj-obrázek.jpg, váš kód by vypadal takto:
