Startseite ⇒ Listen ⇒ Verschachtelung
1817 Aufrufe

Verschachtelung von HTML Listen


Beschreibung:

Es ist ohne weiteres möglich Listen ineinander zu verschachteln, denn zwischen jedem <li> und </li> darf eine komplette weitere Liste stehen. Auch ein Wechsel des Listentypes ist so erlaubt.


Verschachtelte Listen:

Eine Liste ineinander zu verschachteln macht z.B. Sinn bei Navigationslisten oder z.B. bei Inhaltsverzeichnissen.


Quelltext:

HTML:
<ol type="I">
  <li>Grundgerüst
    <ol type="1">
      <li>Dokumenttyp</li>
      <li>HTML-Element</li>
      <li>Kopfdaten</li>
      <li>Body-Element</li>
    </ol>
  </li>
  <li>Listen
    <ol type="1">
      <li>Geordnete Liste</li>
      <li>Ungeordnete Liste</li>
      <li>Definitionsliste</li>
      <li>Sonstige Listen</li>
      <li>Verschachtelung</li>
    </ol>
  </li>
  <li>Web-Entwicklung
    <ul>
      <li>HTML</li>
      <li>CSS</li>
      <li>Java</li>
      <li>PHP</li>
    </ul>
  </li>
</ol>

Ausgabe:

HTML:
  1. Grundgerüst
    1. Dokumenttyp
    2. HTML-Element
    3. Kopfdaten
    4. Body-Element
  2. Listen
    1. Geordnete Liste
    2. Ungeordnete Liste
    3. Definitionsliste
    4. Sonstige Listen
    5. Verschachtelung
  3. Web-Entwicklung
    • HTML
    • CSS
    • Java
    • PHP



Weiterführende Informationen:


Weblinks: