Co je to odkaz na obrázek HTML?
Když osoba vytváří webovou stránku, která obsahuje obrázek, obrázek není ve skutečnosti vložen do stránky se zbytkem informací. K zobrazení obrázků na webu se místo vložení obrázku do stránky použije odkaz HTML. Pro použití odkazu HTML Image se značka HTML používá k poskytnutí informací, kde je obrázek uložen a je k dispozici. Tuto značku lze použít se všemi prohlížeči a lze ji použít k načtení všech typů obrázků, které jsou podporovány prohlížeči.
Používání samotné značky neposkytuje žádné informace na webovou stránku, která by měla obsahovat obrázek. Pro odkaz HTML je vyžadován dva atributy, které jsou vyžadovány správně, aby se obrázek načte, když se načte webová stránka. K poskytování dalších informací může být zahrnuto také několik volitelných atributů. Atributy, které jsou nutné k zápisu obrázku odkazu, jsou SRC a alt .
Src atribut HTML ImagE Link poskytuje webovou adresu nebo URL, kde je obrázek umístěn. URL může mít jednu ze dvou forem. Absolutní adresa URL poskytuje kompletní webovou adresu, která směřuje k obrázku na jiném webu. Příkladem zahrnutí absolutní adresy URL pro atribut SRC by bylo: src = "http://www.website.com/image.jpg" - kde web.com ukazuje na jiný web a image.jpg ukazuje na konkrétní obrázek.
Druhou možností pro adresu URL v atributu SRC je napsat relativní adresu URL. V případě relativní adresy URL poskytuje webová adresa odkaz na obrázek ve stejném adresáři webových stránek. Relativní adresa URL je zkrácená verze absolutní adresy URL, protože obrázek je umístěn na stejném místě jako na webové stránce. Příklady atributu SRC s relativní URL jsou: src = "image.jpg" nebo src = "images/image.jpg". Jediný rozdíl v těchto příkladech je místo, kde se nachází obrázekje umístěn ve složce obrázků ve druhém příkladu.
Dalším požadovaným atributem je alt , který poskytuje alternativní text pro obrázek. Nejedná se o text, který se zobrazí, pokud uživatel vznáší myši přes obrázek, ale text, který se zobrazí, pokud obrázek nelze z nějakého důvodu zobrazit. Existuje mnoho důvodů, proč nemusí být obrázek zobrazen, včetně případů, kdy je adresa URL v atributu SRC nesprávná nebo zlomená, nebo když uživatel, který má postižení zraku, používá čtečku obrazovky.
Nejzákladnější kód pro odkaz HTML Image bude vypadat něco jako následující: . Vzhledem k tomu, že značka
nemá koncovou značku, je důležité ji ukončit />, aby prohlížeč věděl, že instrukce skončila. Atribut SRC ukazuje na místo pro obrázek, takže je důležité zajistit, aby odkazy na jiné weby nebyly rozbité a že obrázky se nepřesunou v adresáři webových stránek,a opravit odkazy, kdy se vyskytnou problémy.