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

Einführung in die Verwendung des Base-Link-Tags Base

<br />Wenn Sie auf den Link klicken, wird di...

Eine kurze Diskussion über die Ungültigkeitserklärung oder implizite Konvertierung von MySQL-Integer- und String-Indizes

Inhaltsverzeichnis Problemübersicht Reproduktion ...

Einführung in die MySQL-Ansicht und Tutorial zur grundlegenden Bedienung

Vorwort Ansicht ist ein sehr nützliches Datenbank...

So legen Sie fest, dass die Auswahl schreibgeschützt und nicht editierbar ist und der Auswahlwert passierbar ist

1. <select style="width:195px" name=&...

So implementieren Sie eine steuerbare gepunktete Linie mit CSS

Vorwort Die Verwendung von CSS zum Generieren gep...

Reines CSS und Flutter realisieren jeweils einen atmenden Lichteffekt (Beispielcode)

Beim letzten Mal fragte ein sehr fleißiger Fan, o...

CSS HACK für IE6/IE7/IE8/IE9/FF (Zusammenfassung)

Seit ich die offizielle Version von IE8.0 install...

Vergleich der Effizienz verschiedener Methoden zum Löschen von Dateien in Linux

Testen Sie die Effizienz des Löschens einer große...

Detaillierte Installation und Konfiguration von Subversion (SVN) unter Ubuntu

Wenn Sie Softwareentwickler sind, müssen Sie mit ...

So installieren Sie das Modul „lua-nginx-module“ in Nginx

ngx_lua_module ist ein Nginx-HTTP-Modul, das den ...

Detaillierte Erklärung zur Verwendung von Scoped Slots in Vue.js-Slots

Inhaltsverzeichnis Keine Slots Vue2.x-Steckplätze...

Detaillierte Erläuterung gängiger Methoden der Vue-Entwicklung

Inhaltsverzeichnis $nächsterTick() $forceUpdate()...

js, um einfache Lupeneffekte zu erzielen

In diesem Artikelbeispiel wird der spezifische Co...

Einige Hinweise zur Installation eines Fastdfs-Images im Docker

1. Bereiten Sie die Docker-Umgebung vor 2. Suchen...

Linux-Systemaufrufe für Betriebsdateien

Inhaltsverzeichnis 1. Öffnen Sie die Datei Parame...