Listen in HTML

0
1402

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)

 

Vorheriger ArtikelLinux Herunterfahren
Nächster ArtikelUmrechnungstabelle Minuten in Dezimal
Ich bin Mischa, 28 Jahre jung, komme aus Allschwil und bin als IT Senior Service Manager tätig. Nebenbei studiere ich Informatik an einer Höheren Fachschule.
0 0 Bewertungen
Article Rating
Abonnieren
Benachrichtige mich bei
guest
0 Comments
Inline Feedbacks
View all comments