Erstellen Sie Aufzählungszeichen in HTML mit
- Stichworte.
Die Verwendung von Aufzählungspunkten hilft, große Textabschnitte aufzuteilen und auf Listen mit nützlichen Informationen hinzuweisen. Aufzählungszeichen lassen sich in Textverarbeitungsprogrammen leicht erstellen, aber wenn Sie ein HTML-Dokument eingeben, müssen Sie den Code kennen, um sie zu erstellen. Es ist nicht viel Code erforderlich, um eine Aufzählungsliste zu erstellen. Wickeln Sie jede Liste ein
- oder "ungeordnete Liste"-Tags. Sie können dann mit der Aufzählungsliste alles tun, was Sie wollen, indem Sie Cascading Style Sheet-Code verwenden.
Schritt 1
Schreiben Sie den Text für Ihre Aufzählungspunkte. Beginnen Sie jeden Punkt auf einer eigenen Linie. Wickeln Sie jede Zeile ein
Video des Tages
Schritt 2
Erstellen Sie eine leere Zeile über der Aufzählungsliste und geben Sie dann eine Öffnung ein
- Tag in dieser Zeile. Suchen Sie das Ende Ihrer Aufzählungsliste und erstellen Sie dort eine weitere leere Zeile. Geben Sie einen Abschluss ein
- Schild. Hier ist ein Beispiel für eine kurze Aufzählungsliste mit einem ID-Attribut:
- Kugel eins
- Punkt zwei
Schritt 3
Verwenden Sie "style", um Ihre Aufzählungsliste mit CSS-Code zu erstellen. Fügen Sie CSS-Code zwischen den Tags zwischen den und -Tags hinzu, oder schreiben Sie den CSS-Code in eine externe .CSS-Datei und betten Sie die Datei mit a. ein tag wie folgt:. Ändern Sie "path/to/stylesheet.css" durch den Pfad zu der von Ihnen erstellten .CSS-Datei. Verwenden Sie das ID- oder Klassenattribut, um Ihre Aufzählungslisten wie folgt auszuwählen:
#mylist li { font-style: kursiv; }
Der obige Code wählt alle aus
Schritt 4
Verwenden Sie die Eigenschaft "list-style" in CSS, um den Aufzählungstyp zu ändern. Die verfügbaren Aufzählungstypen umfassen offene Kreise, ausgefüllte Scheiben und Quadrate für nicht nummerierte, nicht alphabetisierte Listen. Hier ist ein Beispiel für quadratische Kugeln:
#mylist li {list-style: square;}
Spitze
Verwenden Sie die
- tag statt
- um geordnete Listen zu erstellen. Sie können dann den "Listenstil"-Typ auf verschiedene Arten von Zahlen oder Buchstaben einstellen.
- Tag ein sich nicht wiederholendes, linksbündig ausgerichtetes Hintergrundbild. Fügen Sie jeweils auf der linken Seite Polster hinzu
- -Tag, um den Text zu verschieben, da er sonst das Bild überlappt.
Erstellen Sie Bildaufzählungszeichen, indem Sie "none" für das Attribut "list-style" angeben, und geben Sie dann alle
