⬆
Youtube Video

ul

unordered List / Listen mit Symbolen

siehe auch Gestalten von Listen mit CSS
siehe auch ol

Ungeordnete Listen sind beispielsweise Produktübersichten, Navigationen, Thesen etc. Hier werden nur Symbole als Listzeichen eingesetzt. Es sind Listen ohne fortlaufende Reihenfolge in Form einer Durchnummerierung oder alphabetischer Reihenfolge.

Regeln

Innerhalb des ul- Tags dürfen nur li Elemente erscheinen.

Innerhalb der li Elemente können Text und andere inline- Elemente vorkommen. Auch Grafik, Video oder Audio Controls. Innerhalb der li- Element dürfen keine Sectioning Elemente vorkommen.

<ul>
  <li>Weingummi</li>
  <li>Schnecken</li>
  <li>Konfekt</li>
</ul>

Verschachtelte Liste

Innerhalb der li Elemente können geordnete oder ungeordnete Listen eingefügt werden. Achtung beachte im Quelltext, dass das ul-Element innerhalb des li-Elements liegt und nicht darunter.

<ul>
  <li>Weingummi
    <ul>
      <li>Teufel</li>
      <li>Gummibär</li>
      <li>Dinos</li>
    </ul>
  </li>
  <li>Schnecken</li>
  <li>Konfekt</li>
</ul>

Im Gegensatz zu geordneten Listen darf man in ungeordneten Listen das HTML-Attribut type nicht benutzen. Stattdessen nutzt man die CSS Eigenschaft list-style-type , um verschiedene Aufführungszeichen zu definieren. Es gibt 4 verschiedene Werte: disc, circle, square und none.

<ul style="list-style-type:disc;">....</ul>