HTML - Befehle

Listen

- in HTML gibt es drei Möglichkeiten Aufzählungen als Listen darzustellen
- Aufzählung mit Gliederungspunkten
- Numerische Aufzählung
- Begriffsaufzählung

Befehl Attribute Aufgabe
<ul> </ul> type=disk ( gefüllter Kreis )
type=square ( Viereck )
type=circle ( offener Kreis )		 Ungeordnete Listen mit Gliederungspunkten
<li> value=6 Listeneintrag für ungeordnete und geordnete Listen, bei geordneten Listen kann explizit die Nummer des Listeneintrags angegeben werden
<ol> </ol> start=3
type=1
type=A
type=a
type=I
type=i		 Geordnete numerierte Liste, die Attribute erlauben Zahlen, große und kleine Buchstaben, sowie große und kleine römische Zahlen. Außerdem kann mit dem Startattribut der Startwert der Liste gesetzt werden.
<dl> </dl>   Definitionsliste
<dt>   ein Definitionsbegriff
<dd>   Begriffsdefinition

 

Ungeordnete Liste
  • Rot
  • Grün
  • Gelb
  • Blau
<ul>
<li>Rot</li>
<li>Gr&uuml;n</li>
<li>Gelb</li>
<li>Blau</li>
</ul>
Geordnete Liste
  1. CDU / CSU
  2. SPD
  3. FDP
  4. Die Linke
  5. Grüne
<ol>
<li>CDU / CSU</li>
<li> SPD</li>
<li>FDP</li>
<li>Die Linke</li>
<li>Gr&uuml;ne</li>
</ol>
Definitionsliste
.doc
WinWord-Datei
.xls
Excel-Datei
.txt
Textdatei
.gif
Bilddatei
<dl>
<dt>.doc</dt>
<dd>WinWord-Datei </dd>
<dt>.xls</dt>
<dd>Excel-Datei</dd>
<dt>.txt</dt>
<dd>Textdatei</dd>
<dt>.gif</dt>
<dd>Bilddatei</dd>
</dl>

Die ungeordneten und die geordneten Listen kann man ineinander schachteln wie z.B. in

  • Vorspeise
    • Aperitif und
    • Tomatensuppe
  • Hauptspeise
    • Huhn im Reisrand oder
    • Rouladen mit
      • Salzkartoffeln und Rotkohl oder
      • Kartoffelklößen und Leipziger Allerlei
  • Nachspeise
    • Pudding oder
    • Obstsalat oder
    • Käse
  1. Vorspeise
    1. Aperitif und
    2. Tomatensuppe
  2. Hauptspeise
    1. Huhn im Reisrand oder
    2. Rouladen mit
      1. Salzkartoffeln und Rotkohl oder
      2. Kartoffelklößen und Leipziger Allerlei
  3. Nachspeise
    1. Pudding oder
    2. Obstsalat oder
    3. Käse

Außerdem kann man das Listenzeichen einer ungeordneten Liste verändern sowie die Nummerierung ein geordneten Liste anders formattieren:

Ungeordnete Listen
Type "disc"
  • Rot
  • Gelb
Type "circle"
  • Rot
  • Gelb
Type "square"
  • Rot
  • Gelb

<ul type="disc">
<li>Rot</li>
<li>Gelb</li>
</ul>

<ul type="circle">
<li>Rot</li>
<li>Gelb</li>
</ul>

<ul type="square">
<li>Rot</li>
<li>Gelb</li>
</ul>

Geordnete Listen
Type "1"
  1. Gold
  2. Silber
  3. Bronze
Type "A"
  1. Erste Bundesliga
  2. Zweite Bundesliga
  3. Oberliga

Type "I"

  1. Römisch-Katholisch
  2. Evangelisch
  3. Griechisch-Orthodox
  4. Konfessionslos
<ol type="1">
<li>Gold</li>
<li>Silber</li>
<li>Bronze</li>
</ol>

<ol type="A">
<li>Erste Bundesliga</li>
<li>Zweite Bundesliga </li>
<li>Oberliga</li>
</ol>

<ol type="I">
<li>R&ouml;misch-Katholisch</li>
<li>Evangelisch</li>
<li>Griechisch-Orthodox</li>
<li>Konfessionslos </li>
</ol>

Quelle: http://de.selfhtml.org/ Stefan Münz