Listen in HTML

0
912

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)

 

0 0 Bewertung
Article Rating
Abonnieren
Benachrichtige mich bei
guest
0 Comments
Inline Feedbacks
View all comments