Wie man Aufzählungszeichen in HTML

Mit Aufzählungszeichen können brechen große Abschnitte von Text und Listen nützliche Informationen hinweisen. Aufzählungspunkte lassen sich leicht in Textverarbeitungs-Software zu erstellen, aber wenn Sie ein HTML-Dokument eingeben, müssen Sie den Code zum Erstellen kennen. Nicht viel Code wird benötigt, um eine Liste mit Aufzählungszeichen erstellen. Umgeben Sie jede Liste < li > Tags, und wickeln Sie die gesamte Liste in < Ul > oder "ungeordnete Liste" Markierungen. Sie können dann alles, was Sie wollen mit der Aufzählung mithilfe von Cascading Style Sheet Code.

Anweisungen

1 Schreiben Sie den Text für Ihre Aufzählungszeichen. Beginnen Sie jeden Punkt in einer eigenen Zeile. Wickeln Sie jede Zeile in < li > und </li > Tags wie also:

< li > Dies ist ein Aufzählungszeichen Punkt </li >

< li > Dies ist ein weiterer Punkt </li >

2 Erstellen Sie eine leere Zeile oberhalb der Aufzählungsliste, und geben Sie dann ein Starttag < Ul > auf dieser Linie. Finde das Ende Ihrer Aufzählung und erstellen Sie dann eine weitere Leerzeile. Geben Sie ein Endtag </ul > auf dieser Linie. Wenn Sie später die Liste mit CSS formatieren möchten, fügen Sie eine Klasse oder ID-Attribut dem Starttag < Ul >. Hier ist ein Beispiel für eine kurze Aufzählung mit einem ID-Attribut:

< Ul Id = "Mylist" >

< li > Bullet eines </li >

< li > Bullet zwei </li >

</ul >

3 Verwenden Sie "Stil", um Ihre Aufzählung mithilfe von CSS-Code zu erstellen. Fügen Sie CSS-Code zwischen den < Stil > und < / style >-Tags zwischen den < Head > und < / Head > Tags, oder Sie können in einem externen CSS-Code schreiben. CSS-Datei und die Datei mit einem < Link >-Tag wie folgt einbinden: < link Rel = "Stylesheet" href="path/to/stylesheet.css" Type = "Text/Css" / >. Ändern von "path/to/stylesheet.css" durch den Pfad zu der. CSS-Datei, die Sie erstellen. ID oder Class-Attribut verwenden, um Ihre Listen Aufzählungszeichen wählen wie folgt:

MyList li {Font-Stil: kursiv;} Der obige Code wählt alle < li > Tags in ein-Tag mit der ID "Mylist." Ersetzen Sie das Hash-Zeichen mit einem Punkt bei der Auswahl durch das Attribut Class.

4 Verwenden Sie die Eigenschaft "List-Style" in CSS den Aufzählungszeichen ändern. Die verfügbaren Kugel gehören offene Kreise, verschmierten Scheiben und Plätze nicht nummeriert, nicht alphabetisiert Listen. Hier ist ein Beispiel für quadratische Aufzählungszeichen:

MyList li {List-Style: quadratisch;}

Tipps & Warnungen

• Verwenden Sie das Tag < Ol > statt < Ul > geordnete Listen erstellen. Typ "List-Style" können Sie auf unterschiedliche Arten von Ziffern oder Buchstaben festlegen.
• Erstellen von Bild Kugeln durch die Angabe "keine" für das Attribut "List-Style" und geben jeden Tag < li > Hintergrundbild nicht wiederholte, linksbündig ausgerichtet. Hinzufügen von Polsterung auf der linken Seite jedes Tag < li > den Text umzusteigen, sonst wird es das Bild überlappen.