Ihr beschäftigt euch mit Webseiten in der Ausbildung, Studium oder im Job und möchtet die Aufzählungszeichen in einer HTML-Datei ändern? Wie das geht, erklären wir hier auf GIGA. 

Das Kürzel HTML steht für Hypertext Markup Language und ist die Grundlage für den strukturierten Aufbau von Internetseiten. Das Softwarefundament gibt es seit 1992 und wird mit vielen Erneuerungen bis heute genutzt. Mit dieser Textsprache lassen sich elektronische Dokumente gestalten und Hyperlinks, Bilder oder andere Inhalte in die Webseite integrieren. Wie ihr die Aufzählungszeichen einer Lister verändert, zeigen wir in diesem Artikel. 

Kennt ihr diese versteckten Features von Google Chrome? 

HTML und CSS: Das umfassende Handbuch
HTML und CSS: Das umfassende Handbuch
Preis kann jetzt höher sein. Preis vom 02.02.2023 17:42 Uhr

Listenformate in HTML

HTML zeigt euch Listen in zwei Formaten an – ungeordnete und geordnete Listen. Für ungeordnete Listen verwendet ihr den < ul > Tag und für geordnete Listen könnt ihr den < ol > Tag wählen.

Das könnte beispielsweise so aussehen:
< ul >
    < li >Stichpunkt 1< /li >
    < li >Stichpunkt 2< /li >
    < li >Stichpunkt 3< /li >
< /ul >

So sieht das obenstehende Beispiel auf einer leeren Seite aus (© GIGA)

Mit dieser Anleitung kommt ihr in das Darknet: 

Ändern von Aufzählungszeichen in HTML

Da geordnete Listen durchnummeriert werden, sind die unterschiedlichen Aufzählungszeichen nur für die ungeordneten Listen relevant. Ihr ändert eure Aufzählungszeichen mit dem Attribut „type“. Mit diesem könnt ihr aus vier verschiedenen Varianten wählen: disc, circle, square und none.
HTML bietet euch auch die Option, innerhalb von den einzelnen Listen eure Aufzählungszeichen zu variieren. Dazu müsst ihr das Attribut type innerhalb des < li > Tags schreiben. Beispielsweise könnte das so aussehen:

< ul type="circle" >
    < li >1. Stichpunkt< /li >
    < li >2. Stichpunkt< /li >
    < li >3. Stichpunkt< /li >
< /ul >

So sieht das Aufzählungszeichen „circle“. (© GIGA)

Wichtig: Zur korrekten Darstellung sind die Tags hier jeweils mit einem Leerzeichen dargestellt. In eurem Code falls diese Leerzeichen natürlich weg. 

Erkennt ihr diese Spiele anhand der Quizbilder? 

Erkennst du diese Spiele anhand ihrer Code-Bilder?

Du willst keine News rund um Technik, Games und Popkultur mehr verpassen? Keine aktuellen Tests und Guides? Dann folge uns auf Facebook oder Twitter.