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

Docker-Bereitstellung – Springboot-Projektbeispielanalyse

Dieser Artikel stellt hauptsächlich die Beispiela...

JS-Prinzip der asynchronen Ausführung und Rückrufdetails

1. JS-Prinzip der asynchronen Ausführung Wir wiss...

Detaillierte Erklärung, wie Zabbix den Master-Slave-Status von MySQL überwacht

Nach dem Einrichten des MySQL-Master-Slaves wisse...

Verwendung und Szenarioanalyse des npx-Befehls in Node.js

Tutorial zur Verwendung von NPX Heute Abend, als ...

Lösung für „Spezialisierter Schlüssel war zu lang“ in MySQL

Inhaltsverzeichnis Lösung 1 Lösung 2 Beim Erstell...

Mehrere Szenarien für die Verwendung des Nginx Rewrite-Moduls

Anwendungsszenario 1: Domänennamenbasierte Umleit...

Tutorial zu HTML-Tabellen-Tags (3): Breiten- und Höhenattribute WIDTH, HEIGHT

Standardmäßig werden Breite und Höhe der Tabelle ...

Detaillierte Erklärung der mysql.user-Benutzertabelle in Mysql

MySQL ist eine von mehreren Benutzern verwaltete ...

Tkinter verwendet JS-Canvas, um Farbverlaufsfarben zu erzielen

Inhaltsverzeichnis 1. Verwenden Sie RGB zur Darst...

Schreiben Sie einen formellen Blog mit XHTML CSS

Der vollständige Name von Blog sollte Weblog sein...

js, um den Zahlungs-Countdown zu realisieren und zur Startseite zurückzukehren

Zahlungs-Countdown, um zur Startseite zurückzukeh...