So verwenden Sie dl(dt,dd), ul(li), ol(li) in HTML

So verwenden Sie dl(dt,dd), ul(li), ol(li) in HTML

HTML <dl> Tag

#Definition und Verwendung

Das <dl>-Tag definiert eine Definitionsliste.
Das Tag <dl> wird verwendet, um <dt> (das ein Element in einer Liste definiert) und <dd> (das ein Element in einer Liste beschreibt) zu kombinieren.

#Beispiel


Code kopieren
Der Code lautet wie folgt:

<dl>
<dt>Computer</dt>
<dd>Ein Instrument zur Berechnung von... </dd>
<dt>Anzeige</dt>
<dd>Ein Gerät zur visuellen Anzeige von Informationen... </dd>
</dl>

HTML <ul> Tag

#Definition und Verwendung

Das <ul>-Tag definiert eine ungeordnete Liste.

#Beispiel

Ungeordnete HTML-Liste:


Code kopieren
Der Code lautet wie folgt:

<ul>
<li>Kaffee</li>
<li>Tee</li>
<li>Milch</li>
</ul>

HTML <ol> Tag

#Definition und Verwendung

Das <ol>-Tag definiert eine geordnete Liste.

#Beispiel

Sortierte HTML-Liste:


Code kopieren
Der Code lautet wie folgt:

<ol>
<li>Kaffee</li>
<li>Tee</li>
<li>Milch</li>
</ol>

ul kann mit ol kombiniert werden, um Menüs und Untermenüs zu definieren


Code kopieren
Der Code lautet wie folgt:

<ul>
<li><a href="#">Inhaltsfilterung</a><li>
<li><a href="#">Wortfilter</a></li>
<li Klasse="s">
<div Klasse="lsub">
<div>Forum</div>
<ol>
<li><a href="#">Verwaltung von Forenthemen</a></li>
<li><a href="#">Beiträge im Forum stapelweise löschen</a></li>
</ol>
</div>
</li>
<ul>

<<:  So erhalten Sie den Inhalt einer TXT-Datei über FileReader in JS

>>:  Tabelle der durch hasLayout verursachten CSS-Fehler

Artikel empfehlen

Detaillierte Erklärung der Concat-bezogenen Funktionen in MySQL

1. concat()-Funktion Funktion: Mehrere Zeichenfol...

So unterstreichen Sie das A-Tag und ändern die Farbe vor und nach dem Klicken

Code kopieren Der Code lautet wie folgt: ein:link...

Weitere Möglichkeiten zur Verwendung von spitzen Klammern in Bash

Vorwort In diesem Artikel werden wir weitere Verw...

Beim Bereitstellen von rabbitmq mit Docker sind zwei Probleme aufgetreten

1. Hintergrund Die folgenden zwei Probleme treten...

Einführung in CSS-Stileinführungsmethoden und ihre Vor- und Nachteile

Drei Möglichkeiten, CSS einzuführen 1. Inline-Sti...

Zusammenfassung der Web-Frontend-Kenntnisse (persönliche praktische Erfahrung)

1. Als ich heute eine Seite erstellte, stieß ich a...

So zeigen Sie den Speicherort von MySQL-Datendateien an

Wir haben möglicherweise eine Frage: Nachdem wir ...

Tutorial zur Installation und Konfiguration von Hbase unter Linux

Inhaltsverzeichnis Hbase-Installation und -Konfig...

Detaillierte Erläuterung der DOM-Stileinstellungen in vier Reaktionskomponenten

1. Inline-Stile Um Inline-Stile zum virtuellen DO...

Detaillierte Erklärung der Anzeigeeigenschaft im CSS-Beschriftungsmodus

Der Code sieht folgendermaßen aus: <!DOCTYPE h...

Docker-Installations- und Konfigurationsschritte für RabbitMQ

Inhaltsverzeichnis Bereitstellung auf einem einze...