Co je to HTML Image Link?
Když osoba vytváří webovou stránku, která obsahuje obrázek, obrázek není ve skutečnosti vložen na stránku se zbývajícími informacemi. Chcete-li zobrazit obrázky na webu, použije se místo vložení obrázku do stránky odkaz na obrázek HTML. Chcete-li použít odkaz na obrázek HTML, používá se značka <img> HTML k poskytnutí informací o tom, kde je obrázek uložen a ke kterému lze získat přístup. Tuto značku lze použít ve všech prohlížečích a lze ji použít k načtení všech typů obrázků, které prohlížeče podporují.
Samotné použití značky <img> neposkytuje žádné informace webové stránce, která má obsahovat obrázek. Existují dva atributy, které jsou vyžadovány, aby byl odkaz na obrázek HTML správně zapsán, takže se obrázek načte při načítání webové stránky. Existuje také několik volitelných atributů, které mohou být zahrnuty pro poskytnutí dalších informací. Atributy, které jsou nutné pro zápis odkazu na obrázek, jsou src a alt .
Atribut src odkazu na obrázek HTML 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 úplnou webovou adresu, která směřuje k obrázku na jiném webu. Příklad zahrnutí absolutní adresy URL pro atribut src by byl: src = "http://www.website.com/image.jpg" - kde website.com ukazuje na jiný web a image.jpg ukazuje na konkrétní web obraz.
Druhou možností pro URL v atributu src je napsat relativní URL. V případě relativní adresy URL poskytuje webová adresa odkaz na obrázek ve stejném adresáři webových stránek. Relativní URL je zkrácená verze absolutní URL, protože obrázek je umístěn na stejném místě jako webová stránka. Příklady atributu src s relativní adresou URL jsou: src = "image.jpg" nebo src = "images / image.jpg". Jediným rozdílem v těchto příkladech je umístění obrázku, protože je umístěn ve složce obrázků ve druhém příkladu.
Druhým požadovaným atributem je alt , který poskytuje alternativní text pro obrázek. Toto není text, který se zobrazí, pokud uživatel umístí kurzor myši na obrázek, ale text, který se zobrazí, pokud obrázek nelze z nějakého důvodu zobrazit. Existuje mnoho důvodů, proč se obrázek nemusí zobrazit, včetně případů, kdy je adresa URL v atributu src nesprávná nebo poškozená, nebo když uživatel, který má vizuální poškození, používá čtečku obrazovky.
Nejzákladnější kód pro odkaz na obrázek HTML bude vypadat přibližně takto: <img src = "URL" alt = "text" />. Protože značka <img> nemá koncovou značku, je důležité ji ukončit pomocí />, aby prohlížeč věděl, že instrukce byla ukončena. Atribut src ukazuje na umístění obrázku, proto je důležité zajistit, aby odkazy na jiné weby nebyly přerušeny a aby se obrázky nepřesouvaly v adresáři webů, a opravit odkazy, když nastanou problémy.