EMZETT.Listen strukturieren zusammengehörige Einträge. Es gibt drei Arten.
Ungeordnete Liste: ul
Ergebnis
Eine Liste enthält direkt nur <li>-Elemente. Unterlisten stehen innerhalb eines <li>.
Geordnete Liste: ol
Ergebnis
| Attribut | Wirkung |
|---|---|
type="1" "a" "A" "i" "I" | Zählart |
start="5" | beginnt bei 5 |
reversed | zählt rückwärts |
value am li | setzt die Nummer eines Eintrags |
Nimm <ol>, wenn die Reihenfolge wichtig ist, sonst <ul>.
Beschreibungsliste: dl
Für Begriffe mit Erklärung (Glossar, Eigenschaften, Fragen und Antworten):
Ergebnis
Listen gestalten mit CSS
Ergebnis
Checkliste mit Kontrollkästchen
Ergebnis
Häufige Fehler
<li>ohne umgebendes<ul>/<ol>- Text direkt in
<ul>statt in<li> - Für Abstände leere
<li>oder<br>verwenden - Eine Liste mit
<br>und Sonderzeichen "nachbauen", statt<ul>zu verwenden
Merke
<ul>mit<li>: ungeordnet;<ol>: geordnet;<dl>mit<dt>/<dd>: Begriff und Erklärung- Unterlisten stehen innerhalb eines
<li> - Aussehen (Punkte, horizontal) kommt aus CSS
- Menüs sind Listen von Links
Aufgabe
Erstelle ein Rezept mit einer Zutatenliste (ul), einer nummerierten Anleitung (ol) und einem kleinen Glossar (dl).