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

Informieren Sie sich, wie HTML und Ressourcen geladen werden

Der gesamte Inhalt dieses Blogs ist unter Creativ...

Detaillierte Analyse der MySQL-Indizes

Vorwort Wir wissen, dass die Indexauswahl Aufgabe...

Dieser Artikel zeigt Ihnen, wie Sie CSS wie JS-Module importieren

Inhaltsverzeichnis Vorwort Was sind erstellbare S...

CSS-Code zum Anordnen von Fotos in Moments

Zunächst können Sie Moments öffnen und mehrere La...

Grundlegende Operationen an unsichtbaren Spalten in MySQL 8.0

Inhaltsverzeichnis 01 Unsichtbare Spalten erstell...

Detaillierte Erläuterung der Idee der verteilten Sperre in MySQL mit Hilfe von DB

Vorwort Unabhängig davon, ob es sich um eine eige...

CSS-Code-Abkürzung div+css-Layout-Code-Abkürzungsspezifikation

Durch die Verwendung von Abkürzungen können Sie di...

Express-Projektdateiverzeichnisbeschreibung und detaillierte Funktionsbeschreibung

app.js: Startdatei oder Einstiegsdatei package.js...

Detaillierte Erläuterung von zwei Möglichkeiten zum dynamischen Ändern von CSS-Stilen in React

Die erste Methode: Fügen Sie dynamisch eine Klass...

Verwenden Sie CSS, um zu verhindern, dass Lightbox die Anzeige des großen Bildcodes ohne Aktualisierung realisiert, wenn Sie auf ein kleines Bild klicken

Verwenden Sie CSS, um zu verhindern, dass Lightbo...

MySQL-Anfänger können sich von den Problemen der Gruppierungs- und Aggregationsabfragen verabschieden

Inhaltsverzeichnis 1. Schematische Darstellung de...

Vue implementiert die Drag & Drop-Funktion für Bilder

In diesem Artikelbeispiel wird der spezifische Co...

Detaillierte Erklärung des Prinzips und der Funktion des JavaScript-Closures

Inhaltsverzeichnis Einführung Verwendung von Vers...

Implementierung zum Zeichnen einer Audio-Wellenform mit wavesurfer.js

1. Sehen Sie sich die Renderings an Weiterleiten ...

MySQL 5.7.17 Winx64 Installations- und Konfigurations-Tutorial

Heute habe ich die MySQL-Datenbank erneut auf mei...