Listen

Als Gliederungsmöglichkeiten bietet HTML drei Arten von Listen an:
  1. sogenannte "ordered lists",
  2. sogenannte "unordered lists" und
  3. sogenannte "description lists"

"Ordered lists" und "unordered lists" haben gemeinsam, dass die einzelnen Listeneinträge mit dem Kommando <LI> beginnen. "Ordered lists" werden mit dem Kommando <OL> eingeleitet und enden mit </OL>. Analog dazu beginnen "unordered lists" mit <UL> und enden mit </UL>.

Beispiel 1 mit "ordered lists" Beispiel 1 mit "unordered lists"
<HTML>

<HEAD>
<TITLE>Highlights von StarOffice 3.0</TITLE>
</HEAD>

<BODY>

<P>
<H1>Highlights von StarOffice 3.0</H1>
</P>

<OL>
<P>
<LI><STRONG>StarWriter 3.0</STRONG>
   <OL>
   <LI>professionelle High-End Textverarbeitung
   <LI>Intelligente Tabellenfunktionen
   <LI>Adre&szlig;buch, Serienbriefe
   <LI>Integrierte Formularfunktionalit&auml;t
   <LI>Verarbeitung zahlreicher Text-, Grafik- und Tabellenformate
   </OL>
</P>

<P>
<LI><STRONG>StarCalc 3.0</STRONG>
   <OL>
   <LI>L&ouml;sungsorientierte 3D-Tabellenkalkulation
   <LI>&Uuml;ber 200 Funktionen mit Eingabehilfe
   <LI>Detektiv, Zielwertsuche, Szenarien
   <LI>Konsolidierung, DatenPilot
   <LI>Datenbankfunktionalit&auml;t
   </OL>
</P>

<P>
<LI><STRONG>StarDraw 3.0</STRONG>
   <OL>
   <LI>Grafik- und Pr&auml;sentationsprogramm
   <LI>Multimediapr&auml;sentationen mit Diashow
   <LI>Zeichnen auf mehreren Ebenen
   <LI>Zahlreiche ClipArts
   <LI>Pr&auml;sentationsvorlagen
   </OL>
</P>

</OL>
</BODY>
</HTML>
<HTML>

<HEAD>
<TITLE>Highlights von StarOffice 3.0</TITLE>
</HEAD>

<BODY>

<P>
<H1>Highlights von StarOffice 3.0</H1>
</P>

<P>
<UL>
<LI><STRONG>StarWriter 3.0</STRONG>
   <UL>
   <LI>professionelle High-End Textverarbeitung
   <LI>Intelligente Tabellenfunktionen
   <LI>Adre&szlig;buch, Serienbriefe
   <LI>Integrierte Formularfunktionalit&auml;t
   <LI>Verarbeitung zahlreicher Text-, Grafik- und Tabellenformate
   </UL>
</P>

<P>
<LI><STRONG>StarCalc 3.0</STRONG>
   <UL>
   <LI>L&ouml;sungsorientierte 3D-Tabellenkalkulation
   <LI>&Uuml;ber 200 Funktionen mit Eingabehilfe
   <LI>Detektiv, Zielwertsuche, Szenarien
   <LI>Konsolidierung, DatenPilot
   <LI>Datenbankfunktionalit&auml;t
   </UL>
</P>

<P>
<LI><STRONG>StarDraw 3.0</STRONG>
   <UL>
   <LI>Grafik- und Pr&auml;sentationsprogramm
   <LI>Multimediapr&auml;sentationen mit Diashow
   <LI>Zeichnen auf mehreren Ebenen
   <LI>Zahlreiche ClipArts
   <LI>Pr&auml;sentationsvorlagen
   </UL>
</P>

</UL>
</BODY>
</HTML>

Im folgenden Beispiel 2 soll mit Hilfe der "description list" ein Literaturverzeichnis erstellt werden. Bei der "description list" wird zwischen "description title" <DT> und "descriptive description" <DD> unterschieden. Während sich der mit <DT> gekennzeichnete Teil auf Höhe des übrigen Textes befindet, wird der mit <DD> markierte Text eingerückt. Umschlossen wird das ganze Konstrukt mit <DL> und </DL>.

previous     up     next