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

Das Raster ist Ihr Layoutplan für die Seite

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

Das Raster ist Ihr Layoutplan für die Seite

Detaillierte Erläuterung der Vorgehensweise bei der Installation des Permeate-Range-Systems mit VMware

So konfigurieren Sie die Neuschreibung von Nginx-Domänennamen und die Auflösung von Platzhalterdomänennamen

Analyse des rel-Attributs in HTML

Ist ein Design, das den Designspezifikationen entspricht, ein gutes Design?

Detaillierte Erklärung inkompatibler Änderungen von Komponenten in vue3

Konvertierung einer vertikalen MySQL-Tabelle in eine horizontale Tabelle und Tutorial zur Optimierung

CSS implementiert 0,5px-Zeilen, um Kompatibilitätsprobleme mit Mobilgeräten zu lösen (empfohlen)

So konfigurieren Sie Eureka im Docker

Lösung zur Installation von OpenCV 3.2.0 in Ubuntu 18.04

Artikel empfehlen

Lösung für die Baidu-Site-Suche, die https nicht unterstützt (getestet)

Detaillierte Erklärung zur Verwendung der vue3 Teleport-Sofortbewegungsfunktion

11 Beispiele für die erweiterte Verwendung von Eingabeelementen in Webformularen

CSS zum Erzielen des Effekts einer rotierenden Flip-Card-Animation

Verwenden von Docker zum Erstellen statischer Website-Anwendungen (mehrere Möglichkeiten)

So installieren Sie MySQL 5.7.17 und stellen die Kodierung in Windows auf UTF-8 ein

Tipps zum Schreiben prägnanter React-Komponenten

Wie erreicht MySQL eine Master-Slave-Synchronisierung?

mysql ersetzt einen Teil des Feldinhalts und mysql ersetzt die Funktion replace()

Beispielcode für die HTML-Formatierung von JSON

HTML-Auszeichnungssprache - Tabellen-Tag

Detaillierte Erläuterung der drei Methoden zum Abfangen von JS-Zeichenfolgen

Über die richtige Art und Weise der Zeitumrechnung in JS beim Excel-Import

So stellen Sie MySQL 5.7- und 8.0-Master-Slave-Cluster mit Docker bereit

Linux-Befehlszeilenoperation Hochladen und Herunterladen von Dateien in der Baidu-Cloud