Jak změnit odkaz obrázku?

Úvod

Obrázky zvyšují vizuální atraktivitu webových stránek, rozdělují text a upoutávají pozornost. Na stránce se zobrazují jako odkazy na soubor – buď lokální na stejném serveru, nebo vzdálený na jiném serveru. Pro zobrazení obrázku musíme prohlížeči sdělit, kde se soubor nachází. To se provádí pomocí značky <img> s atributem src.

Vytvoření obrázku

Pokud je obrázek uložen na stejném serveru jako stránka, stačí do atributu src zadat jen název souboru, např.:

<img src="obrazek.jpg" alt="Popis obrázku">

U vzdáleného obrázku je potřeba zadat úplnou URL:

<img src="https://example.com/obrazek.jpg" alt="Popis obrázku">

Pro umístění obrázku můžete použít následující atributy:

• align – horizontální zarovnání (left, right, center).
• valign – vertikální zarovnání (top, bottom, middle).
• alt – alternativní text, který se zobrazí, pokud se obrázek nenačte nebo když návštěvník používá textový prohlížeč.

Příklad zarovnání vzdáleného obrázku vpravo a nahoře:

<img src="https://example.com/obrazek.jpg" align="right" valign="top" alt="Popis">

Obrázek jako odkaz

Obrázek můžete proměnit na hypertextový odkaz pomocí značky <a>. Když uživatel klikne na obrázek, bude přesměrován na zadanou URL nebo přímo na samotný obrázek.

<a href="https://example.com/stranka.html">
    <img src="obrazek.jpg" alt="Popis">
</a>

Pro změnu odkazu, který obrázek používá, stačí upravit hodnotu atributu href v značce <a>.