Listen in HTML

0
1075

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
Mischa
Ich bin Mischa, 26 Jahre jung, komme aus Allschwil und bin als Informatiker EFZ Betriebsinformatik tätig. Nebenbei studiere ich Informatik an einer Höheren Fachschule.
0 0 Bewertung
Article Rating
Abonnieren
Benachrichtige mich bei
guest
0 Comments
Inline Feedbacks
View all comments