Lektion 9 - Listen

In dieser Lektion geht es vorrangig darum, wie man Internetseiten übersichtlicher gestalten kann. Ähnlich wie mit dem Absatz-Befehl <P>...</P> kann man Listen erstellen, die es dem User leichter machen sich auf deiner Seite zurechtzufinden. Listen sind hauptsächlich dazu da Aufzählungen von verschiedenen Stichpunkten darzustellen. Das Glossar ist aber auch eine einfache Möglichkeit, sich ein bisschen Abstand vom linken Seitenrand zu verschaffen.

Das Glossar (die Liste "ohne alles")

Hier werden die einzelnen Punkte der Liste einfach nur eingerückt.
Der Befehl dazu sieht folgendermaßen aus:

<DL>
   <DT>Hier steht die Überschrift der Liste</DT>
      <DD>Hier steht der Listenpunkt 1</DD>
      <DD>Hier steht der Listenpunkt 2</DD>
</DL>


Beispiel anzeigen

Der Befehl <DL>...</DL> zeigt Listenanfang und Listenende an.

Der Befehl <DT>...</DT> kennzeichnet die Überschrift der Liste. Eine Liste muss aber nicht unbedingt eine Überschrift haben. Man kann sie vernachlässigen wenn man das Glossar nur als Mittel zum Einrücken benutzen möchte.

Im Befehl <DD>...</DD> stehen die einzelnen Listenpunkte.


Die numerierte Liste

Hier werden die Listeneinträge automatisch durchnummeriert. Der Befehl <OL>...</OL> umschließt die Liste:

<OL>
   <LI>Hier steht der Listenpunkt Nummer 1.</LI>
   <LI>Hier steht der Listenpunkt Nummer 2.</LI>
</OL>


So sieht das ganze dann aus:

Meine Lieblings-Fächer:
  1. IT
  2. ST
  3. RT
Die Bullet-Liste

Man kann den einzelnen Listenpunkten Symbole voransetzen. Diese Symbole heißen Bullets.

<UL>
   <LI>Listeneintrag</LI>
   <LI>nächster Listeneintrag</LI>
</UL>


Und so sieht die Liste aus:

Meine Lieblings-Fächer:
  • IT
  • ST
  • RT

zur Lektion 10