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>
...
Dowiedz się jak robić dobre odnośniki.
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ę.
Zmodyfikowano: 20.10.2006, 12:40