Erklärung des HTML-Codes der Webseite: geordnete Liste und ungeordnete Liste

In diesem Abschnitt lernen wir Listenelemente in HTML kennen. Listen machen einen relativ großen Anteil im Website-Design aus. Sie stellen Informationen sehr übersichtlich und intuitiv dar und sind für Benutzer leicht verständlich. Im anschließenden CSS-Style-Lernen werden die erweiterten Funktionen von Listenelementen ausführlich genutzt.
Listen zum Organisieren von Daten <br />Nachdem die Leser so viele HTML-Tags kennengelernt haben, die die Anzeige von Webseiten steuern, können sie mit der Erstellung reiner Artikelseiten beginnen. In diesem Abschnitt lernen wir Listenelemente in HTML kennen. Listen machen einen relativ großen Anteil im Website-Design aus. Sie stellen Informationen sehr übersichtlich und intuitiv dar und sind für Benutzer leicht verständlich. Im anschließenden CSS-Style-Lernen werden die erweiterten Funktionen von Listenelementen ausführlich genutzt.
Textfeld: Abbildung 4.17 Aufbau der Listenelemente

Textfeld: Abbildung 4.17 Aufbau der Listenelemente

4.4.1 Listenstruktur
Das HTML-Listenelement ist eine von einem Listen-Tag umschlossene Struktur und die enthaltenen Listenelemente bestehen aus <li></li>. Der konkrete Aufbau ist in Abbildung 4.17 dargestellt.
4.4.2 Ungeordnete Liste erstellen <br />Wie der Name schon sagt, ist eine ungeordnete Liste eine Listenstruktur, in der die Listenelemente keine Reihenfolge aufweisen. Die meisten Listen in Webanwendungen verwenden ungeordnete Listen und ihre Listen-Tags verwenden <ul></ul>. Die Schreibweise ist wie folgt:
<ul>
<li>Listenelement 1</li>
<li>Listenelement 2</li>
<li>Listenpunkt Drei</li>
<li>Listenpunkt vier</li>
<li>Listenpunkt fünf</li>
</ul>
4.4.3 Eine geordnete Liste erstellen <br />Eine geordnete Liste ist, wie der Name schon sagt, eine Listenstruktur, bei der die Listenelemente eine bestimmte Reihenfolge haben. Dabei können von oben nach unten verschiedene Ordnungszahlen vorkommen, wie etwa 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.
Listeneinstellungen: ul_ol.htm
<html>
<Kopf>
<title>Listeneinstellungen</title>
</Kopf>
<Text>
<Schriftgröße="5">
Web-Frontend-Technologie
<ul>
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
<li>BLITZ</li>
</ul>
Web-Backend-Lernen
<ol>
<li>ASP</li>
<li>ASP.net</li>
<li>PHP</li>
<li>CGI</li>
Rubin
Python
</ol>
</font>
</body>
</html>
Geben Sie http://localhost/ul_ol.htm in die Adressleiste des Browsers ein. Der Browsing-Effekt wird in Abbildung 4.18 angezeigt.

Abbildung 4.18 Listeneinstellungen

<<: Vue macht Div-Höhe verschiebbar

>>: Detailliertes Beispiel für die Verkettung mehrerer Felder in MySQL

Beispiel zum Entfernen eines JSON-Backslashs in PHP

Erklärung des HTML-Codes der Webseite: geordnete Liste und ungeordnete Liste

Beispiel zum Entfernen eines JSON-Backslashs in PHP

Konfiguration und Lizenzaktivierung der Remotedesktopdienste von Windows Server 2016 (2 Benutzer)

Detailliertes Tutorial zur Docker-Compose-Bereitstellung und Konfiguration von Jenkins

Detaillierte Erläuterung der MySQL-Transaktionsisolationsebene und des MVCC

Spezifische Verwendung des Stapelkontexts in CSS

Details zu 7 Arten der Komponentenkommunikation in Vue3

Hinweise zum Zeichengerätetreiber des Linux-Kernel-Gerätetreibers

Installation und Verwendung der Ubuntu 18.04 Serverversion (Bild und Text)

Detaillierte Erläuterung der Dateisystemformate der EXT-Serie in Linux

Drei häufige Verwendungen von OpenLayers6-Karten-Overlays (Markierungstext im Popup-Fenster)

Artikel empfehlen

Implementierung von Portalen und Fehlergrenzbehandlung in React

Detaillierte Erläuterung der Rolle und des Funktionsprinzips der MySQL-Master-Slave-Replikation

DELL R730 Serverkonfiguration RAID und Installation Serversystem und Domänensteuerung ausführliches grafisches Tutorial

MySQL-Entwicklungsleistungsforschung: Optimierungsmethode zum Batch-Einfügen von Daten

Lösung zur Schnittstellenverformung beim Einstellen der Frameset-Höhe

JavaScript-Canvas zum Erzielen eines Regentropfeneffekts

So implementieren Sie einen einfachen HTML-Videoplayer

Detaillierte Erläuterung der Rolle der Standarddatenbank nach der MySQL-Installation

So implementieren Sie die Vue-Bindungsklasse und den Inline-Bindungsstil

Problemaufzeichnung bei der Verwendung des Vue+Echarts-Diagramms

Vue implementiert den Anwesenheitskalender von DingTalk

Detaillierte Erläuterung der Selbstimplementierung von Dispatch und Broadcast (Dispatch und Broadcast) durch Vue

Zusammenfassung der neuen Verwendung von vi (vim) unter Linux

Implementierung der MySQL GRANT-Benutzerautorisierung

Optimierung der Abfragegeschwindigkeit von MySQL mit mehreren zehn Millionen Daten mithilfe von Indizes