Anzeige
Anzeige
Für Links auf dieser Seite erhält GIGA ggf. eine Provision vom Händler, z.B. für mit oder blauer Unterstreichung gekennzeichnete. Mehr Infos.
  1. GIGA
  2. Tech
  3. Apps & Downloads
  4. HTML-Aufzählungszeichen ändern: So einfach geht's

HTML-Aufzählungszeichen ändern: So einfach geht's

© oatawa / GettyImages
Anzeige

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. 

Anzeige

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 21.11.2024 18:30 Uhr

Der externe Inhalt kann nicht angezeigt werden.

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 >

Anzeige
ungeordnete HTML-Liste
So sieht das obenstehende Beispiel auf einer leeren Seite aus (© GIGA)
Anzeige

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 >

ungeordnete HTML-Liste Type="circle"
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? 

Der externe Inhalt kann nicht angezeigt werden.

Hat dir der Beitrag gefallen? Folge uns auf WhatsApp und Google News und verpasse keine Neuigkeit rund um Technik, Games und Entertainment.

Anzeige