Auszeichnungssprache - Liste

Auszeichnungssprache - Liste

Standardisierte Designlösungen – Auszeichnungssprachen und Stilhandbücher
Lösungen für Webstandards Das Markup- und Style-Handbuch

Teil 1: Machen Sie sich mit dem Markup vertraut
Kapitel 1 Listen <br />Listen sind auf fast jeder Seite im Web zu finden. Listen mit Hyperlinks, Listen mit Artikeln in einem Einkaufswagen, Listen mit Ihren Lieblingsfilmen ... sogar Navigationslisten für ganze Websites. Manchen mag die Erstellung von Listen willkürlich erscheinen, aber wir werden uns damit befassen, wie man Listen erstellt, und uns auf die Vor- und Nachteile einiger gängiger Methoden konzentrieren. Später werden wir einige Beispiele auflisten, wie man gewöhnliche Listen aufpeppen kann, und ihre Vor- und Nachteile erläutern.
Gehen wir einkaufen <br />Ursprünglich wollte ich als Beispiel für dieses Kapitel eine Wäscheliste verwenden, aber mir wurde schnell klar, dass ich keine Ahnung hatte, welche Gegenstände ich auf so eine Liste schreiben sollte, also ... nehmen wir als Beispiel Lebensmittel!
Stellen wir uns vor, Sie müssen eine Lebensmittelliste auf Ihre eigene Website stellen. Sie fragen sich vielleicht, warum Sie eine Lebensmittelliste auf Ihre Website stellen sollten. Nun, das ist vielleicht nicht das Thema. Wir brauchen nur einen Grund, um über die Liste nachzudenken ...
Nehmen wir an, dass unsere Liste auf der Seite wie … also wie eine Liste aussehen soll, also wie eine lange vertikale Liste, bei der jedes Element in einer eigenen Zeile steht:
Äpfel
Spaghetti
Grüne Bohnen
Milch

Scheint ziemlich einfach, nicht wahr? Wie bei vielen Aspekten des Webdesigns und der Webentwicklung gibt es viele verschiedene Möglichkeiten, dieselben (oder ähnliche) Ergebnisse zu erzielen. Wie bei allen Beispielen in diesem Buch werde ich sie aus der Perspektive der eXtensilble HyperText Markup Language (XHTML) vorstellen – und sicherstellen, dass die von mir gewählten Methoden die richtige Markup-Syntax verwenden und den vom World Wild Web Consortium (W3C) festgelegten Standards entsprechen.
Wir können nach jedem Element ganz einfach ein <br />-Tag hinzufügen oder verschiedene Checklistenelement-Tags verwenden, um diese Aufgabe zu erledigen. Sehen wir uns nun drei völlig unterschiedliche Methoden und die Merkmale jeder Methode an.
Vorherige Seite 1 2 3 4 5 6 7 8 Nächste Seite Gesamten Artikel lesen

<<:  So installieren und speichern Sie die PostgreSQL-Datenbank in Docker

>>:  Definition und Verwendung des MySQL-Cursors

Artikel empfehlen

Tiefes Verständnis des Mechanismus des CSS-Hintergrund-Blend-Modus

Dieser Artikel darf gerne geteilt und zusammengef...

Detaillierte Schritte zum Konfigurieren des Tomcat-Servers in IDEA 2020

Die Schritte zum Konfigurieren von Tomcat in IDEA...

Durch das flexible Layout können Unterelemente ihre eigene Höhe beibehalten

Beim Verwenden des Flex-Layouts werden Sie festst...

So führen Sie eine Spring Boot-Anwendung in Docker aus

In den letzten Tagen habe ich gelernt, wie man Sp...

Ausführliches Installationstutorial für MySQL Installer Community 5.7.16

Dieser Artikel zeichnet das ausführliche Tutorial...

So öffnen Sie Ports zur Außenwelt in Alibaba Cloud Centos7.X

Kurz gesagt: Wenn Sie einen Cloud-Server eines be...

30 kostenlose hochwertige englische Ribbon-Schriftarten

30 kostenlose englische Ribbon-Schriftarten in hoh...

IIS7 IIS8 http springt automatisch zu HTTPS (Port 80 springt zu Port 443)

IIS7 muss bestätigen, ob das pseudostatische Modu...

Einführung in die Anwendung der HTML-Tags superscript sup und subscript sub

HTML-Tag: hochgestellt In HTML definiert das <s...