Listen in HTML

Geordnete Liste / nummerierte Liste (OL)

   <ol>
      <li>Eintrag 1</li>
      <li>Eintrag 2</li>
      <li>Eintrag 3</li>
      <li>Eintrag 4</li>
    </ol>

Ergebnis:

1. Eintrag 1
2. Eintrag 2
3. Eintrag 3
4. Eintrag 4

Nummerierung beeinflussen

Listen Startnummerierung beinflussen

 <ol start="5">

Nummerierung in der Liste beeinflussen

<li value="3">Gibt die Zahl 3 aus</li>

Nummerierung umkehren

<ol start="4" reversed="reversed">

Ungeordnete Liste (UL)

   <ul>
      <li>Eintrag 1</li>
      <li>Eintrag 2</li>
      <li>Eintrag 3</li>
      <li>Eintrag 4</li>
    </ul>

Ergebnis:

• Eintrag 1
• Eintrag 2
• Eintrag 3
• Eintrag 4

Verschachtelte Listen

<ul>
  <li>Liste - Eintrag 1</li>
  <li>Liste - Eintrag 2
    <ul>
      <li>Liste in der Liste Eintrag 1</li>
      <li>Liste in der Liste Eintrag 2</li>
      <li>Liste in der Liste Eintrag 3</li>
    </ul></li>
  <li>Liste - Eintrag 3</li>
</ul>

Ergebnis:

• Liste – Eintrag 1
• Liste – Eintrag 2
  • Liste in der Liste Eintrag 1
  • Liste in der Liste Eintrag 2
  • Liste in der Liste Eintrag 3
• Liste – Eintrag 3

Definitions- /Beschreibungslisten

<dl>
      <dt>Seo</dt>
      <dd>Seo steht für Search engine optimization (Suchmaschinenoptimierung).</dd>

      <dt>HTML</dt>
      <dd>HTML steht für Hypertext Markup Language</dd>

      <dt>CSS</dt>
      <dd>CSS steht für Cascading Style Sheets</dd>
</dl>

Ergebnis:

Seo

Seo steht für Search engine optimization (Suchmaschinenoptimierung).

HTML

HTML steht für Hypertext Markup Language

CSS

CSS steht für Cascading Style Sheets

dl-Beschreibungsliste

dd-Beschreibung eines Ausdruckes in einer Beschreibungsliste (dl)

dt-Der zu beschreibende Ausdruck (dl)