Auflisten von Daten in HTML - Dummies

Websites verwenden seit Jahrzehnten Listen, um verwandte oder hierarchische Informationen zu übermitteln. In der folgenden Abbildung sehen Sie eine ältere Version von Yahoo. com, das Listen mit Aufzählungszeichen verwendet, um verschiedene Kategorien und die heutigen Allrecipes anzuzeigen. com Rezeptseite, die Listen verwendet, um verschiedene Zutaten anzuzeigen.

Listen beginnen mit einem Symbol, einer Einrückung und dem Listenelement. Das verwendete Symbol kann eine Zahl, ein Buchstabe, ein Aufzählungszeichen oder überhaupt kein Symbol sein.

Geordnete und ungeordnete Listen erstellen

Die zwei beliebtesten Arten von Listen sind:

• Geordnet: Geordnete Listen sind numerische oder alphabetische Listen, in denen die Reihenfolge der Listenelemente wichtig ist..

• Ungeordnet: Diese Listen sind normalerweise Listen mit Aufzählungszeichen, in denen die Reihenfolge der Listenelemente keine Bedeutung hat.

Sie erstellen Listen, indem Sie den Typ der Liste als bestellt oder ungeordnet angeben und dann jedes Listenelement mit dem li-Tag hinzufügen, wie in den folgenden Schritten gezeigt:

1. Geben Sie den Listentyp an.

   Fügen Sie öffnende und schließende Listentags hinzu, die entweder eine geordnete (ol) oder ungeordnete (ul) Liste wie folgt angeben:

   • ol, um den Anfang und das Ende einer geordneten Liste anzugeben.

   • ul, um den Anfang und das Ende einer ungeordneten Liste anzugeben.

2. Fügen Sie für jedes Element in der Liste ein öffnendes und schließendes Tag (dh

3. und
) hinzu.

Zum Beispiel hier eine geordnete Liste:

Listenelement # 1
Listenelement # 2
Listenelement # 3

Verschachtelungslisten

Zusätzlich können Sie Nestlisten in Listen. Eine Liste eines beliebigen Typs kann in einer anderen Liste verschachtelt sein. Wenn Sie eine Liste verschachteln möchten, ersetzen Sie das Listenelement-Tag

durch ein Listentyp-Tag, entweder

oder
.

Der Beispielcode hier zeigt verschiedene Listentypen einschließlich einer verschachtelten Liste.



Die vom Code erzeugte Seite wird hier angezeigt:



Das in diesem Codebeispiel gezeigte

-Tag ist nicht erforderlich, um eine Liste zu erstellen. Es wird hier nur verwendet, um jede Liste zu benennen.

Jeder Eröffnungsliste oder jedem Listenelement-Tag muss eine schließende Liste oder ein Listenelement-Tag folgen.