Webdesign Grundlagen

#005 HTML: Listen mit <ul>, <ol> und <dl>

Es gibt drei Arten von Listen in HTML: ungeordnete Listen mit <ul> und <li>, geordnete Listen mit <ol> und <li> und Definitionslisten mit <dl>, <dt> und <dd>. Dieses Video Tutorial zeigt Dir, wie Du sie baust.

Geordnete Listen

Um Unterpunkte in einer Liste anzulegen, muss eine neue Liste innerhalb eines Unterpunkte es erstellt werden.

Ungeordnete Listen werden unter anderem oft für die Navigation genutzt, da man sie gemeinsam mit links sehr gut gestalten kann.

Ungeordnete Listen

<ul>
    <li>Listenelement 1</li>
    <li>Listenelement 2</li>
    <li>Listenelement 3</li>
</ul>

Geordnete Listen

<ol>
    <li>Listenelement 1</li>
    <li>Listenelement 2</li>
    <li>Listenelement 3</li>
</ol>

Definitionslisten

<dl>
    <dt>Definition</dt>
    <dd>Beschreibung</dd>

    <dt>Definition</dt>
    <dd>Beschreibung</dd>

    <dt>Definition</dt>
    <dd>Beschreibung</dd>
</dl>

Übung: Erstelle eine Navigation und nutze dazu eine ungeordnete Liste. Öffne anschließen die info.html-Datei und erstelle mit einer Definitionsliste mindestens fünf Lieblingslinks von Dir samt Beschreibung.