Gewusst wie: richten Sie eine Aufzählung im HTML-Format

Gewusst wie: richten Sie eine Aufzählung im HTML-Format

Web-Designer verwenden Sie Aufzählungszeichen-Listen für mehr als nur das hinzufügen von Aufzählungszeichen und text. Die HTML-Tags zum erstellen von Listen ist praktisch für das erstellen von Menüs oder organisieren von Bildern für ein JavaScript zum laden in eine Diashow. Das erlernen der Nutzung von cascading style sheet-code in Verbindung mit Kugel-Listen namens "unsortierte Liste" in HTML-slang eröffnen sich einige spannende Web-design-Möglichkeiten.

• Öffnen Sie Ihre HTML-Datei enthält die Aufzählung und suchen zwischen den und tags nach oben in den code. Hinzufügen und tags, wenn Sie nicht bereits vorhanden sind. Wenn Ihr code enthält ein - tag irgendwo nach dem tag, und das enthält einen Verweis auf eine CSS-Datei, öffnen Sie dann diese Datei statt. Ihren CSS-code geht zwischen den und-tags oder auf einer neuen Zeile in der CSS-Datei.
• Richten Sie den text innerhalb aller Kugeln durch die Einstellung 'text-align' für den
  - tag. Die
  - tag umschließt die
  • und
  - tags zu definieren, die Sie als Teil einer einzigen Liste. Beim ausrichten von text für das
  - tag, die Ausrichtung wirkt sich auf text in jeder Kugel aber nicht richten Sie die Liste selbst auf der linken oder rechten Seite der Seite. Hier ist ein Beispiel für CSS-code, um 'text-align': ul {text-align: right } Beachten Sie, dass die Kugeln bewegen sich nicht mit dem text. Die Kugeln bleiben Sie auf der linken in diesem Fall.
  • Richten Sie die gesamte Liste nach Links oder rechts auf der Seite mit der Einstellung 'float' für das
    - tag. Wenn 'float' gesetzt ist, nach Links oder rechts auf ein
    - tag, es bewegt sich die ganze Aufzählung auf der linken oder rechten Seite der Seite. Set schweben wie diese: ul {float: right } Sie können festlegen, 'float', Links oder rechts, aber nicht das Zentrum.
    • Wrap
      - tags und
      - tags zum erstellen eines wrappers, der Mitte der Liste mit Aufzählungszeichen auf Ihrer Seite. Ihre resultierende code wird wie folgt Aussehen:
      • Listenelement
      • Listenelement
      
      Der tag nicht center nichts von sich selbst, müssen Sie mithilfe von CSS-center alles. Fügen Sie den folgenden code zwischen den tags oder in der CSS-Datei, um die Mitte der Aufzählung: div {display: block text-align: center } ul {display: inline-block text-align: left }