1.3.2. Odkazy

Odkazy sú jedným s najdôležitejších prvkov webovej stránky. Bez nich by nebolo možné stránky jednoducho prechádzať. Odkaz nám umožní kliknúť na text alebo obrázok, prejsť na ďalšiu stránku alebo na nejakú časť stránky, na ktorej aktuálne sme.

Odkaz musí mať niekoľko povinných atribútov:

<a href="http://google.com" target="_self">Odkaz na stránky spoločnosti Google</a>

Odkaz na stránky spoločnosti Google

href - je najdôležitejším atribútom ktorý určuje, kam odkaz smeruje

target - určuje ako sa má odkaz správať po kliknutí

• _blank - otvorí nové okno alebo záložku v prehliadači
• _self - otvorí stránku v aktuálnom okne, východzie chovanie, pokiaľ nie je atribút target nastavený

title - nie je povinný, špecifikuje titulok alebo popis odkazu.

Email a Telefón

Keď píšeme do webovej stránky kontakt vo forme e-mailu alebo telefónu, je dobré zapísať ho v tvare, ktorý môže s užívateľom stránok komunikovať. Týmto zápisom

<a href="mailto:[email protected]">napíš mi na môj e-mail</a>

ponúkneme užívateľovi, že môže na náš odkaz kliknúť a otvorí sa mu jeho predstavenený poštový klient, kde sa predvyplní odresát na [email protected].

Týmto zápisom

<a href="tel:725725723">zavolaj mi</a>

ponúkneme užívateľovi, že ak si náš web prehliada na telefóne, môže nám hneď zavolať (na PC sa pravdepodobne otvorí Skype alebo nejaký obdobný program).

Inak sú tieto dve veci obyčajným odkazom, ale ak pridáme kľúčové slovíčka mailto a tel, razom sa dejú čary.

Obsah tagu <a>

V tagu a môže byť prakticky čokoľvek. Ak chceme spraviť odkaz z obrázku, môžeme obaliť obrázok tagom a, takto:

<a href="odkaz niekam">
  <img src="nejakyObrazok.jpg" alt="nejaky obrazok">
</a>

Ak chceme odkaz z akéhokoľvek textu (časť textu, odstavec, nadpisy atď..) tak sa budeme držať pravidla, že element a je vždy ten bližší k textu.

<h1><a href="odkaz niekam">Nadpis o odkazoch</a></h1>
<ul>
    <li><a href="odkaz niekam">odrážka</a></li>
</ul>