Wie eine ungeordnete Liste für HTML5 und CSS3 Programmierung zu erstellen

Alle Listentypen in HTML5 sind eng miteinander verwandt. Die einfachste und häufigste Art von Liste ist eine ungeordnete Liste. Sie können auch geordnete Listen und verschachtelte Listen in HTML verwenden.

Schauen Sie sich eine ungeordnete Liste

Schauen Sie sich die einfache Seite. Neben ein paar Header, hat sie eine Liste von Informationen.

Diese Liste der Browser hat einige interessante visuelle Merkmale:

  • Die Elemente sind eingerückt. Es gibt einige zusätzliche Raum zwischen dem linken Rand und dem Beginn jedes Listenelement.

  • Die Listenelemente Kugeln. Der kleine Punkt vor jedem Artikel ist ein Kugel. Bullets sind in ungeordnete Listen wie diese verwendet.

    bild0.jpg
  • Jeder Punkt beginnt eine neue Zeile. Wenn ein Listenelement angezeigt wird, wird es auf einer neuen Zeile angezeigt.

Diese Eigenschaften helfen Sie sehen, dass Sie eine Liste haben, aber sie sind nur Standardverhalten. etwas wie eine Liste definieren erzwingt es nicht eine bestimmte aussehen Weg- die Standardwerte nur helfen Sie sehen, dass diese Elemente in der Tat Teil einer Liste sind.

Denken Sie daran, die Kernidee von HTML hier. Sie beschreiben nicht wirklich, wie die Dinge Schau, aber was sie bedeuten. Sie können später das Aussehen ändern, wenn Sie CSS herauszufinden, so nicht zu sehr in die besondere Erscheinung der Dinge gebunden. Denn jetzt, erkennen nur, dass HTML-Listen erstellen können, und stellen Sie sicher, dass Sie wissen, wie die verschiedenen Arten zu verwenden.

Wie eine ungeordnete Liste zu erstellen

Die Listen werden mit zwei Arten von Tags gemacht. Ein Tag umgibt die gesamte Liste und gibt die allgemeine Art der Liste. Dieses erste Beispiel zeigt eine ungeordnete Liste, die durch das Paar umgeben ist.

Hinweis: Einrücken den gesamten Code innerhalb des Satzes ist weit verbreitet. Die ungeordnete Liste kann in den Hauptkörper gehen.

Innerhalb der Reihe ist eine Reihe von Listenelementen. Jedes Element der Liste ist zwischen einer (Listenelement) und einem Tag gespeichert. Normalerweise geht jedes Paar in einer eigenen Zeile des Quellcodes, obwohl Sie so lange ein Listenelement machen können, wie Sie möchten.

Sie können auf alle Arten von anderen Bildern, die Kugel zu ändern, einschließlich Kreise, Quadrate und sogar benutzerdefinierte Bilder.

Der Code für die ungeordnete Liste ist ziemlich einfach:

basicUL.html

Grundliste

Gängigen Web-Browser

  • Firefox
  • Chrom
  • Internet Explorer
  • Oper
  • Safari

Menü