Ausführliche Erläuterung der geordneten HTML-Liste OL und der ungeordneten Liste ul der Webseite

In diesem Artikel wird die HTML-geordnete Liste OL und die ungeordnete Liste ul der Webseite ausführlich erläutert

Liste zum Organisieren von Daten Nachdem Leser so viele HTML-Tags gelernt haben, die die Anzeige von Webseiten steuern, können sie zunächst reine Artikelseiten erstellen. In diesem Abschnitt werden die Listenelemente in HTML untersucht. Die angezeigten Informationen sind sehr übersichtlich und intuitiv, sodass sie für Benutzer leicht verständlich sind. Im folgenden CSS-Stil-Lernen werden die erweiterten Funktionen von Listenelementen ausführlich genutzt.

Liste zum Organisieren von Daten

Nachdem Leser so viele HTML-Tags gelernt haben, die die Anzeige von Webseiten steuern, können Leser zunächst reine Artikelseiten erstellen. In diesem Abschnitt werden die Listenelemente in HTML untersucht. Die angezeigten Informationen sind sehr übersichtlich und intuitiv, sodass sie für Benutzer leicht verständlich sind. Im folgenden CSS-Stil-Lernen werden die erweiterten Funktionen von Listenelementen ausführlich genutzt.

4.4.1 Die Struktur der Liste

Das HTML-Listenelement wird von einer Liste umschlossen Tag Die Struktur enthält Listenelemente, die aus

bestehen. Die spezifische Struktur ist in Abbildung 4.17 dargestellt.

4.4.2 Erstellen einer ungeordneten Liste

Wie der Name schon sagt, ist eine ungeordnete Liste eine Listenform, in der die Listenelemente in der Listenstruktur hat keine Reihenfolge. Die meisten Listen in Webanwendungen verwenden ungeordnete Listen und ihre Listen-Tags verwenden

. Die Schreibmethode ist wie folgt:

• Listenelement zwei
• Listenelement drei

Listenelement vier

• Listenelement fünf

4.4.3 Erstellen einer geordneten Liste

Wie der Name schon sagt, ist eine geordnete Liste eine Liste, in der die Listenelemente in der Listenstruktur in der richtigen Reihenfolge sind . Es kann von oben nach unten verschiedene Folgenummern geben, z. B. 1, 2, 3 oder a, b, c usw. Erstellen Sie eine Webseitendatei im Verzeichnis D:web, nennen Sie sie ul_ol.htm und schreiben Sie den Code wie in Code 4.17 gezeigt.

Code 4.17 Listeneinstellungen: ul_ol.htm

Web-Frontend-Technologie

• HTML
• CSS
• JavaScript< ; /li>

• FLASH

Informationen zum Web-Hintergrund

🎜>
1. ASP
2. ASP.net
3. PHP
4. CGI
5. Ruby
6. Python
Geben Sie http: in die Adressleiste des Browsers ein: //localhost/ul_ol.htm, der Browsing-Effekt ist in Abbildung 4.18 dargestellt.



Abbildung 4.18 Listeneinstellungen

Das obige ist der detaillierte Inhalt vonAusführliche Erläuterung der geordneten HTML-Liste OL und der ungeordneten Liste ul der Webseite. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!