Menu

Menu jest nieuporządkowaną listą (<ul>, <li>) odnośników (<a>):

 <ul>
    <li><a href="index.xhtml">Strona główna</a></li>
    <li><a href="galeria.xhtml">Fotki z wakacji</a></li>
    <li><a href="książki.xhtml">Czytelnia</a></li>
    <li><a href="ostronie.xhtml">O tej stronie</a></li>
    <li><a href="kontakt.xhtml">Kontakt z autorem</a></li>
 </ul>

Można listy zagnieżdżać w sobie, aby uzyskać hierarchicznie ułożone menu:

 <ul>
    <li><a href="index.xhtml">Strona główna</a></li>
    <li>Fotki z wakacji<!-- brak zamknięcia elementu listy -->
       <ul>
         <li><a href="galeria/mazury.xhtml">Mazury</a></li>
         <li><a href="galeria/majorka.xhtml">Majorka</a></li>
         <li><a href="galeria/maui.xhtml">Maui</a></li>
       </ul> <!-- zamknięcie wewnętrznej listy -->
    </li> <!-- i dopiero zamknięcie elementu, w którym była -->
 </ul>

Zwróć uwagę, że listy zagnieżdza się umieszczając je wewnątrz elementu listy, a nie w samej liście

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

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

Do list można dodawać najróżniejsze elementy, ale w przypadku menu najczęściej jest to zbędne. Najlepiej jeśli cała treść każdego elementu menu będzie odnośnikiem, aby odnośnik miał jak największą powierzchnię.

<li><a>Fotki</a> z wakacji</li>

<li><a>Fotki z wakacji</a></li>

Pytania? Komentarze? Napisz na forum kursu lub edytuj tę stronę.

• Spis treści
• Kroki
• Strona Główna
• Ilustracje
• Historia zmian
• Edytuj