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

Definieren Sie Ihre eigene Ajax-Funktion mit JavaScript

Da die von nativen JS initiierten Netzwerkanforde...

So erstellen Sie einen Index für eine Join-Tabelle in MySQL

In diesem Artikel wird erläutert, wie Sie einen I...

Was macht die MySQL-Datenbank?

MySQL ist ein relationales Datenbankverwaltungssy...

Detaillierte Erklärung der neuen Array-Methoden in JavaScript es6

Inhaltsverzeichnis 1. fürJedes() 2. arr.filter() ...

MySQL Dual-Machine Hot-Standby-Implementierungslösung [testbar]

Inhaltsverzeichnis 1. Konzept 2. Umgebungsbeschre...

Anfänger verstehen das MySQL-Deadlock-Problem anhand des Quellcodes

Nach vielen schwierigen Einzelschritt-Debuggings ...

Nachteile und sinnvolle Verwendung des MySQL-Datenbankindex

Inhaltsverzeichnis Richtige Verwendung von Indize...

Vue-Kapselungskomponententool $attrs, $listeners-Verwendung

Inhaltsverzeichnis Vorwort $attrs Beispiel: $list...