Web-Seiten-HTML/Xhtml-Webseitenproduktion mit geordneter HTML-Liste und ungeordneter Liste

Listen 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 Struktureller Aufbau der Liste

Das HTML-Listenelement ist eine von einem Listen-Tag umschlossene Struktur, und die enthaltenen Listenelemente bestehen aus

. 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 Liste, in der die Listenelemente in der Listenstruktur nicht in der richtigen Reihenfolge sind. Die meisten Listen in Webanwendungen verwenden ungeordnete Listen und ihre Listen-Tags verwenden

. Die Schreibmethode ist wie folgt:

• Listenelement eins
• 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 verschiedene Reihenfolgenummern von oben nach unten 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
• FLASH

Erfahren Sie mehr über das Web-Backend

1. ASP
2. ASP.net
3. PHP
4. CGI
5. Ruby
6. Python

Geben Sie http://localhost/ul_ol.htm in die Adressleiste des Browsers ein. Der Browsing-Effekt ist wie in Abbildung 4.18 dargestellt.

Abbildung 4.18 Listeneinstellungen