HTML -Tutorial

HTML-HOME HTML-Einführung HTML-Editoren HTML-Basis HTML-Elemente HTML-Attribute HTML-Überschriften HTML-Absätze HTML-Stile HTML-Formatierung HTML-Zitate HTML-Kommentare HTML-Farben HTML-CSS HTML-Links HTML-Bilder HTML-Favicon HTML-Tabellen HTML-Listen HTML-Block und Inline HTML-Klassen HTML-ID HTML-Iframes HTML-JavaScript HTML-Dateipfade HTML-Kopf HTML-Layout HTML-responsiv HTML Computercode HTML-Semantik HTML-Styleguide HTML-Entitäten HTML-Symbole HTML-Emojis HTML-Zeichensatz HTML-URL-Codierung HTML vs. XHTML

HTML -Formulare

HTML-Formulare HTML-Formularattribute HTML-Formularelemente HTML-Eingabetypen HTML-Eingabeattribute HTML-Eingabeformularattribute

HTML -Grafiken

HTML-Leinwand HTML-SVG

HTML- Medien

HTML-Medien HTML-Video HTML-Audio HTML-Plugins HTML-YouTube

HTML -APIs

HTML-Geolokalisierung HTML-Drag/Drop HTML-Webspeicher HTML-Webworker HTML-SSE

HTML- Beispiele

HTML-Beispiele HTML-Quiz HTML-Übungen HTML-Zertifikat HTML-Zusammenfassung HTML-Barrierefreiheit

HTML -Referenzen

HTML-Tag-Liste HTML-Attribute Globale HTML-Attribute HTML-Browser-Unterstützung HTML-Ereignisse HTML-Farben HTML-Leinwand HTML-Audio/Video HTML-Doctypes HTML-Zeichensätze HTML-URL-Codierung HTML-Sprachcodes HTTP-Nachrichten HTTP-Methoden PX-zu-EM-Konverter Tastatürkürzel

HTML -Listen


Mit HTML-Listen können Webentwickler eine Reihe verwandter Elemente in Listen gruppieren.


Beispiel

Eine ungeordnete HTML-Liste:

  • Artikel
  • Artikel
  • Artikel
  • Artikel

Eine geordnete HTML-Liste:

  1. Erster Gegenstand
  2. Zweiter Artikel
  3. Dritter Artikel
  4. Vierter Punkt

Ungeordnete HTML-Liste

Eine ungeordnete Liste beginnt mit dem <ul>Tag. Jedes Listenelement beginnt mit dem <li>Tag.

Die Listenelemente werden standardmäßig mit Aufzählungszeichen (kleine schwarze Kreise) markiert:

Beispiel

<ul>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul>


Geordnete HTML-Liste

Eine geordnete Liste beginnt mit dem <ol>Tag. Jedes Listenelement beginnt mit dem <li>Tag.

Die Listenelemente werden standardmäßig mit Nummern gekennzeichnet:

Beispiel

<ol>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

HTML-Beschreibungslisten

HTML unterstützt auch Beschreibungslisten.

Eine Beschreibungsliste ist eine Liste von Begriffen mit einer Beschreibung jedes Begriffs.

Das <dl>Tag definiert die Beschreibungsliste, das <dt>Tag definiert den Begriff (Namen) und das <dd> Tag beschreibt jeden Begriff:

Beispiel

<dl>
  <dt>Coffee</dt>
  <dd>- black hot drink</dd>
  <dt>Milk</dt>
  <dd>- white cold drink</dd>
</dl>

HTML-Listen-Tags

Tag Description
<ul> Defines an unordered list
<ol> Defines an ordered list
<li> Defines a list item
<dl> Defines a description list
<dt> Defines a term in a description list
<dd> Describes the term in a description list

Eine vollständige Liste aller verfügbaren HTML-Tags finden Sie in unserer HTML-Tag-Referenz .