HTML prvi koraci - lekcija 9 - Kreiranje menija

Osnovni element sajta je meni (navigacija). Kroz njega se obavlja kretanje po stranicama sajta. Takođe, meni je važan za indeksiranje sajta od strane pretraživača, jer bez povezanosti između stranica pretraživač ne može da obiđe sve stranice. Pogledajmo od čega se sastoji meni.

Za meni se obično koristi nenumerisana lista (tagovi ul, li), tako da je svaki stavka menija element liste:

...
<ul>
  <li></li>
  <li></li>
</ul>
...

Unutar taga li se obično stavljaju linkovi ka stranicama:

...
<ul>
  <li>
    <a href="page1.html">Prva stranica</a>
  </li>
  <li>
    <a href="page2.html">Druga stranica</a>
  </li>
</ul>
...

Vrlo često se dodeljuju klase i id-ovi meniju i njegovim stavkama:

...
<ul id="menu-1" class="menu">
  <li class="item-1">
    <a href="page1.html">Prva stranica</a>
  </li>
  <li class="item-2">
    <a href="page2.html">Druga stranica</a>
  </li>
</ul>
...

Obratite pažnju da stranice na koje vodi link (page1.html, page2.html) moraju postojati, jer u suprotnom pregledač neće znati gde da vas odvede.