Beispiele für die Verwendung von ungeordneten Listen-Tags und geordneten Listen-Tags im HTML-Format

Beispiele für die Verwendung von ungeordneten Listen-Tags und geordneten Listen-Tags im HTML-Format

1. Obere und untere Listen-Tags: <dl>..</dl>:

Oberes dt
Die untere Ebene dd: Der gekapselte Inhalt wird automatisch eingerückt


Code kopieren
Der Code lautet wie folgt:

<dl>
<dt>Sport und Outdoor</dt>
<dd>Turnschuhe</dd>
<dd>Basketballschuhe</dd>
<dd>Fußballschuhe</dd>
<dd>Laufschuhe</dd>
</dl>

2. Definieren Sie eine geordnete Liste: <ol>

Eigentum:
Typ: Sie können den Sortierstil festlegen (Sie können dieses Attribut auch separat zu li hinzufügen).
1 bedeutet 1,2,3,4
a bedeutet a,b,c,d
A bedeutet A, B, C, D
i bedeutet i, ii, iii
I steht für I, II, III
start: Startpunkt der Liste<li>: Listeninhalt

Code kopieren
Der Code lautet wie folgt:

<ol Typ="a" start="55">
<li>Turnschuhe</li>
<li>Basketballschuhe</li>
<li>Laufschuhe</li>
<li>Fußballschuhe</li>
</ol>

3. Definieren Sie eine ungeordnete Liste: <ul>

Attribut: Typ: Sie können den Sortierstil festlegen oder dieses Attribut separat zu li hinzufügen.
dieser ausgefüllte Kreis (Standardwert)
Kreis hohler Kreis
quadratisches, massives Quadrat
<li>: Listeninhalt

Code kopieren
Der Code lautet wie folgt:

<ul Typ="Quadrat">
<li type="disc">Turnschuhe</li>
<li>Basketballschuhe</li>
<li>Laufschuhe</li>
<li>Fußballschuhe</li>
</ul>

<<:  Detaillierte Erklärung von Prototypen und Prototypenketten in JavaScript

>>:  Methoden und Techniken zur Gestaltung einer interessanten Website (Bild)

Artikel empfehlen

Bild-Scrolling-Effekt mit CSS3 erstellt

Ergebnisse erzielenImplementierungscode html <...

Der Speicherplatz wird in den Browsern IE, Firefox und Chrome unterschiedlich angezeigt

&nbsp;&nbsp;Die Anzeigeeffekte in den Brow...

Verwenden Sie die Renderfunktion, um hoch skalierbare Komponenten zu kapseln

brauchen: In der Hintergrundverwaltung gibt es hä...

MySQL Installer 8.0.21 Installations-Tutorial mit Bildern und Text

1. Grund Ich musste MySQL nur auf einem neuen Sys...

Zusammenfassung zum Erlernen von Docker-Befehlen in einem Artikel

Inhaltsverzeichnis Einführung Spiegel-Repository ...

Detaillierte Erläuterung des Prozesses der Verwendung von GPU in Docker

Inhaltsverzeichnis tf-gpu herunterladen Erstellen...

Eine kurze Analyse des Unterschieds zwischen ref und toRef in Vue3

1. ref wird kopiert, die Ansicht wird aktualisier...

Detaillierte Beispiele zur Float-Verwendung in HTML/CSS

1. Grundlegende Anwendungsbeispiele für Float 1. ...

VMware ESXi 5.5 Bereitstellungs- und Konfigurationsdiagrammprozess

Inhaltsverzeichnis 1. Installationsvoraussetzunge...

Installieren Sie Docker auf Centos7 (neueste Version 2020 verfügbar, einfach kopieren und einfügen)

Informationen zur Bedienung finden Sie hier in de...

Einführung in die Verwendung von Alt- und Titelattributen von HTML-Img-Tags

Wenn Browser-Anbieter die Standards umgehen und ei...

Reines js, um einen Schreibmaschineneffekt zu erzielen

In diesem Artikelbeispiel wird der spezifische Co...

Acht Möglichkeiten zur Implementierung von Kommunikation in Vue

Inhaltsverzeichnis 1. Komponentenkommunikation 1....

Vue realisiert einfachen Effekt des Lauflichts

In diesem Artikel wird der spezifische Code von V...

Beispielcode zum Konfigurieren von Überwachungselementen und aggregierten Grafiken in Zabbix

1. Installieren Sie Zabbix Agent, um den lokalen ...