Listen

Weitere Gliederungen kann man mit den sogenannten Listen erstellen. Die drei wichtigsten Listenarten sind numerierte, unnumerierte und Definitionslisten. Sie alle werden etwas unterschiedlich dargestellt (auch vom Browser abhängig). Mit <UL> wird die ungeordnete Liste (Unordered List) und mit <OL> die geordnete, bzw. numerierte Liste (Ordered List) eingeleitet. Die Endtags lauten entsprechend </UL> und </OL>. Die einzelnen Listeneinträge (List Items) werden mit <LI> und </LI> umrahmt. Wobei hier der Endtag fehlen kann, weil mit <LI> ein neuer Eintrag folgt oder mit </UL>, bzw. </OL> die Liste beendet wird.
Beide Listenarten besitzen zusätzliche Attribute.
<UL type=square > Einträge mit Quadrat
<UL type=circle > Einträge mit Kreis
<UL type=disc > Einträge mit einem gefüllten Kreis
<OL type=A|a|I|i|1> bestimmt die Numerierungsart wie
A, B, C oder a, b, c oder I, II, III oder i, ii, iii oder 1, 2, 3

Eine Definitionsliste wird mit den Tags <DL> und </DL> erstellt. Die Einträge werden in zwei Gruppen Unterschieden. <DT> ist der zu erklärende Term und <DD> ist die Definition des Terms. Einem <DT> ... </DT> Element folgt immer eine Erklärung mit dem Tag <DD> .... </DD>.

Das eigentlich komplexe an Listen, ist die Möglichkeit sie ineinander zu verschachteln.
Aber besonders hier liegt die Gefahr in HTML-Dokumenten. So ziemliche alle Tags können verschachtelt werden. Wichtig ist dabei, das man sie in umgekehrter Reihenfolge aufzulösen hat, wie man sie eingeleitet hat:

  <UL> <LI> .... <LI> ....
          <UL> <LI> .... <LI> ....
                   <UL> <LI> .... <LI> .... <LI> ....
                   </UL>
                   <LI> .... <LI> .... <LI> ....
          </UL>
  </UL>

              HTML Verschachtelung

Back       Home       Next

MARKUS KAISER Erstellt: 24. Jan. 1997 Updated: 24. Jan. 1997