WebDev.wiki > Návody pro webmastery a vývojáře > Navigace

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.

Témata

Seriály

Navigace - Začínáme s HTML

Seriál Začínáme s HTML

Seznam všech článků seriálu: