Warning: is_readable(): open_basedir restriction in effect. File(/data/5/b/5b6b70eb-4e04-4833-b622-5302bad1cbd1/smuton.cz/web/wp-content/plugins/wow-carousel-for-divi-lite/wow-divi-carousel-lite.php/languages/divi-carousel-lite-cs_CZ.mo) is not within the allowed path(s): (/nfsmnt/:/data/:/usr/share/php:/usr/bin/:/apachetmp:/tmp/:/var/tmp/:/dev/urandom:/usr/lib/x86_64-linux-gnu/ImageMagick-6.9.11/bin-q16/:/usr/local/bin/:/etc/ssl/certs/ca-certificates.crt:/usr/lib/php:/usr/php74/bin/) in /data/5/b/5b6b70eb-4e04-4833-b622-5302bad1cbd1/smuton.cz/web/wp-includes/l10n.php on line 783
HTML odkazy | Smuton.cz

HTML odkazy

Odkaz neboli tzv. link je v HTML definován tagem <a> a elementem „href“, který indikuje cílovou stránku.

<a href="https://www.smuton.cz/">Odkaz směřující na home page Smuton.cz</a>
<a href="https://www.smuton.cz/" title="Toto je title u odkazu">Přejít na home page</a> <!--Tento odkaz obsahuje i title, což znamená, že tento text se zobrazí po najetí myši na odkaz.-->

Odkaz může mít několik hodnot, které udávají, jak se odkaz bude chovat. Můžeme totiž nastavit, že se cílová stránka otevře např. v novém okně či defaultně ve stejném okně apod. Na ukázce je použita absolutní URL.

<p><a href="https://www.smuton.cz/" target="_self">Odkaz se otevře ve stejném okně.</a></p>
<p><a href="https://www.smuton.cz/" target="_blank">Odkaz se otevře v novém okně či záložce.</a></p> 
<p><a href="https://www.smuton.cz/" target="_parent">Odkaz se otevře v novém okně či záložce.</a></p>
<p><a href="https://www.smuton.cz/" target="_top">Odkaz se otevře v novém okně či záložce.</a></p> 

Pokud míříme odkazem na stránku v rámci našeho webu, není potřeba používat absolutní URL, nýbrž pouze relativní.

<p><a href="https://www.smuton.cz/" target="_self">Absolutní URL.</a></p>
<p><a href="/seo/" target="_self">Relativní URL.</a></p> <!--Lze použít v rámci našeho webu, přičemž přejde na stránku smuton.cz/seo-->

Odkaz v obrázku lze použít přidám tagu <img> a uvedením zdroje obrázku, případně ALT atributem či rozměry.

<a href="https://www.smuton.cz/">
<img src="https://www.smuton.cz/wp-content/uploads/2020/09/logo-smuton-cz.jpg" alt="Logo Smuton.cz" style="width:250px;height:71px;">
</a>

V odkazu můžeme také vytvořit cestu, díky které dokážeme přejít ihned do e-mailového nástroje.

<a href="mailto:info@smuton.cz">Po kliknutí se otevře e-mailový nástroj / program.</a>

Odkaz může být samozřejmě umístěn do tlačítka, respektive do tagu <button>.

<button onclick="document.location='https://www.smuton.cz/'">Přejít na home page Smuton.cz</button>

Jednoduchý zápis v rámci dokumentu HTML.

<!DOCTYPE html>
<html>
<body>

<h2>HTML odkaz</h2>
<p>Odkaz je definovám pomocí tagu "a"</p>

<a href="https://www.smuton.cz/html-tahak/">V tomto textu je odkaz</a> <!--Celý text s odkazem je tzv. anchor text.-->

</body>
</html>
Hodnocení

HTML tahák