Od provozovatele projektu Rychlost.CZ

Navigace - Začínáme s HTML

vydáno: 11.02.2016, seriál: Začínáme s HTML

Toto je 8. díl seriálu Začínáme s HTML, pokud se dostatečně neorientujete, zkuste předchozí díl či díl první.

Navigace je blok odkazů sloužící k procházení HTML dokumentů pomocí hypertextový odkazů <a>.  Využijeme všechny naše nabyté znalosti a vytvoříme jednoduchou navigaci pomocí seznamu <ul>.

Pokud chceme vytvořit navigaci, kde bude na každém řádku nový odkaz je výhodné využít seznam <ul>. Začneme vyznačením prostoru v kódu pro navigaci párovým tagem <nav>. Tím sdělíme robotům a čtečkám, že se bude jednat o navigaci. Mezi tagy <nav> začneme tvořit seznam <ul> dle znalostí z předešlých kapitol. Odkaz <a> na jiný dokument uvedeme mezi tagy <li>.

Ukázka:
HTML
<body>
<nav>
<h2>Navigace pomocí seznamu</h2>
<ul>
<li><a href="prvni-dokument.html">Odkaz na první dokument</a></li>
<li><a href="druhy-dokument.html">Odkaz na druhý dokument</a></li>
<li><a href="treti-dokument.html">Odkaz na třetí dokument</a></li>
</ul>
</nav>
</body>
Použité tagy: <body>, <nav>, <h2>, <ul>, <li>, <a>

Vlastnosti a vzhled navigace můžete pomocí CSS upravovat, přesný návod si uvedeme v seriálu o kaskádových stylech.