HTML-Codes für verschiedene Zeichengruppen

Inhaltsverzeichnis

Die Vielfalt der HTML-Zeichen: So nutzt du Sonderzeichen richtig

Im Webdesign und bei der Erstellung von Inhalten stoßen wir oft auf Zeichen, die nicht einfach auf der Tastatur zu finden sind – von Buchstaben mit Akzenten bis hin zu mathematischen Symbolen oder Pfeilen. Damit diese Zeichen korrekt angezeigt werden, gibt es in HTML sogenannte Zeichenreferenzen.

Zum Beispiel findest du im europäischen Sprachraum Buchstaben wie À, É, Ö oder ß, die du mit HTML-Codes wie À, É, Ö oder ß schreiben kannst. Auch griechische Buchstaben wie α (alpha) und Ω (Omega) lassen sich bequem mit α und Ω darstellen.

Mathematische und technische Symbole spielen in vielen Texten eine Rolle – etwa das Plus-Minus-Zeichen ± (±), das Unendlich-Zeichen (∞) oder das Absatzzeichen (¶). Pfeile wie (→) helfen dabei, Richtungen oder Prozesse zu visualisieren.

Nicht zu vergessen sind Interpunktionszeichen wie das umgekehrte Ausrufezeichen ¡ oder französische Anführungszeichen «», die deinem Text die passende stilistische Note geben.

Und wenn du Fußnoten oder chemische Formeln schreiben möchtest, findest du mit hochgestellten Ziffern wie ¹, ², ³ (¹, ², ³) und tiefgestellten Ziffern wie ₁, ₂, ₃ (₁, ₂, ₃) die passenden Codes.

Mit diesen HTML-Zeichenreferenzen kannst du sicherstellen, dass deine Texte weltweit richtig und stilvoll dargestellt werden. So klappt die internationale Kommunikation im Web spielend!

Hier findest du eine Liste mit beliebten Sonderzeichen:

1. Lateinisch erweitert

Zeichen Beschreibung HTML-Code
À Großes A mit Grave À
Á Großes A mit Akut Á
 Großes A mit Zirkumflex Â
à Großes A mit Tilde Ã
Ä Großes A mit Umlaut Ä
Å Großes A mit Ring Å
Æ Ligatur AE Æ
Ç Großes C mit Cedille Ç
È Großes E mit Grave È
É Großes E mit Akut É
Ê Großes E mit Zirkumflex Ê
Ë Großes E mit Umlaut Ë
Ì Großes I mit Grave Ì
Í Großes I mit Akut Í
Î Großes I mit Zirkumflex Î
Ï Großes I mit Umlaut Ï
Ñ Großes N mit Tilde Ñ
Ò Großes O mit Grave Ò
Ó Großes O mit Akut Ó
Ô Großes O mit Zirkumflex Ô
Õ Großes O mit Tilde Õ
Ö Großes O mit Umlaut Ö
Ø Großes O mit Schrägstrich Ø
Ù Großes U mit Grave Ù
Ú Großes U mit Akut Ú
Û Großes U mit Zirkumflex Û
Ü Großes U mit Umlaut Ü
Ý Großes Y mit Akut Ý
Þ Großes Thorn Þ
ß Eszett ß
à Kleines a mit Grave à
á Kleines a mit Akut á
â Kleines a mit Zirkumflex â
ã Kleines a mit Tilde ã
ä Kleines a mit Umlaut ä
å Kleines a mit Ring å
æ Ligatur ae æ
ç Kleines c mit Cedille ç
è Kleines e mit Grave è
é Kleines e mit Akut é
ê Kleines e mit Zirkumflex ê
ë Kleines e mit Umlaut ë
ì Kleines i mit Grave ì
í Kleines i mit Akut í
î Kleines i mit Zirkumflex î
ï Kleines i mit Umlaut ï
ñ Kleines n mit Tilde ñ
ò Kleines o mit Grave ò
ó Kleines o mit Akut ó
ô Kleines o mit Zirkumflex ô
õ Kleines o mit Tilde õ
ö Kleines o mit Umlaut ö
ø Kleines o mit Schrägstrich ø
ù Kleines u mit Grave ù
ú Kleines u mit Akut ú
û Kleines u mit Zirkumflex û
ü Kleines u mit Umlaut ü
ý Kleines y mit Akut ý
þ Kleines thorn þ
ÿ Kleines y mit Umlaut ÿ

2. Griechische Buchstaben

Zeichen Beschreibung HTML-Code
Α Großes Alpha Α
Β Großes Beta Β
Γ Großes Gamma Γ
Δ Großes Delta Δ
Ε Großes Epsilon Ε
Ζ Großes Zeta Ζ
Η Großes Eta Η
Θ Großes Theta Θ
Ι Großes Iota Ι
Κ Großes Kappa Κ
Λ Großes Lambda Λ
Μ Großes My Μ
Ν Großes Nu Ν
Ξ Großes Xi Ξ
Ο Großes Omikron Ο
Π Großes Pi Π
Ρ Großes Rho Ρ
Σ Großes Sigma Σ
Τ Großes Tau Τ
Υ Großes Upsilon Υ
Φ Großes Phi Φ
Χ Großes Chi Χ
Ψ Großes Psi Ψ
Ω Großes Omega Ω
α Kleines Alpha α
β Kleines Beta β
γ Kleines Gamma γ
δ Kleines Delta δ
ε Kleines Epsilon ε
ζ Kleines Zeta ζ
η Kleines Eta η
θ Kleines Theta θ
ι Kleines Iota ι
κ Kleines Kappa κ
λ Kleines Lambda λ
μ Kleines My μ
ν Kleines Nu ν
ξ Kleines Xi ξ
ο Kleines Omikron ο
π Kleines Pi π
ρ Kleines Rho ρ
σ Kleines Sigma σ
τ Kleines Tau τ
υ Kleines Upsilon υ
φ Kleines Phi φ
χ Kleines Chi χ
ψ Kleines Psi ψ
ω Kleines Omega ω

3. Mathematische Symbole

Zeichen Beschreibung HTML-Code
± Plus-Minus ±
× Mal ×
÷ Geteilt ÷
= Gleich =
Ungleich ≠
Kleiner oder gleich ≤
Größer oder gleich ≥
Unendlich ∞
Summenzeichen ∑
Wurzelzeichen √
Integral ∫
Partielle Ableitung ∂
Nabla (Del Operator) ∇
Proportional zu ∝

4. Technische Symbole

Zeichen Beschreibung HTML-Code
Absatzzeichen ¶
§ Paragraphenzeichen §
Promillezeichen ‰
Einfaches Kreuz †
Doppeltes Kreuz ‡
Minuten (Strich) ′
Sekunden (Doppelstrich) ″

5. Pfeil-Symbole

Zeichen Beschreibung HTML-Code
Linkspfeil ←
Aufwärtspfeil ↑
Rechtspfeil →
Abwärtspfeil ↓
Links-Rechts-Pfeil ↔
Doppelpfeil links ⇐
Doppelpfeil oben ⇑
Doppelpfeil rechts ⇒
Doppelpfeil unten ⇓
Doppelpfeil horizontal ⇔

6. Interpunktionszeichen

Zeichen Beschreibung HTML-Code
¡ Umgekehrtes Ausrufezeichen ¡
¿ Umgekehrtes Fragezeichen ¿
« Französische Anführungszeichen links «
» Französische Anführungszeichen rechts »
Anführungszeichen unten „
Anführungszeichen oben “
Anführungszeichen oben ”
Einfaches Anführungszeichen links ‘
Einfaches Anführungszeichen rechts ’
Auslassungspunkte …

7. Hochgestellte Ziffern (Superscript)

Zeichen Beschreibung HTML-Code
¹ Hochgestellte 1 ¹
² Hochgestellte 2 ²
³ Hochgestellte 3 ³
Hochgestellte 4 ⁴
Hochgestellte 5 ⁵
Hochgestellte 6 ⁶
Hochgestellte 7 ⁷
Hochgestellte 8 ⁸
Hochgestellte 9 ⁹
Hochgestellte 0 ⁰

8. Tiefgestellte Ziffern (Subscript)

Zeichen Beschreibung HTML-Code
Tiefgestellte 0 ₀
Tiefgestellte 1 ₁
Tiefgestellte 2 ₂
Tiefgestellte 3 ₃
Tiefgestellte 4 ₄
Tiefgestellte 5 ₅
Tiefgestellte 6 ₆
Tiefgestellte 7 ₇
Tiefgestellte 8 ₈
Tiefgestellte 9 ₉

 

Webdesign

Professionelles Webdesign für Unternehmer, Freiberufler und Vereine zum Festpreis. Persönlich. Kreativ. Sichtbar!

Jetzt durchstarten!

Lasse Dir eine professionelle WordPress Website erstellen, die mehr kann als nur schön auszusehen.
zum Webdesign

Online Marketing

Individuelle Strategien für Dein Unternehmen - mit maßgeschneiderten Online-Marketing-Strategien, die wirklich funktionieren.

Jetzt Rankings verbessern!

Lasse Dir eine professionelle Online Marketing Kampagne für Dein Unternehmen erstellen!
zum Online Marketing

Grafikdesign

Ein professionelles Grafikdesign transportiert deine Werte, deine Persönlichkeit und deine Qualität auf den ersten Blick.

Branding erhalten

Lasse Dir professionelle Grafiken - Online & Print - für Dein Unternehmen erstellen!
zum Grafikdesign

WordPress Betreuung

Ob PageSpeed-Optimierung, Google Fonts lokal laden oder die Verwaltung deiner WordPress Website.

Entspannt zurücklehnen

Ich übernehme die technische Verwaltung deiner WordPress Website zum monatlichen Festpreis.
zur Website Betreuung

WordPress Plugins

Eigens entwickelte WordPress Plugins zur Automatisierung und Optimierung von WordPress Websites.

Eigene Entwicklungen

Ich habe mehr als 50 WordPress Plugins programmiert, die deine Website n vielen Bereichen optimieren.
zu den Plugins

PowerPoint Vorlagen

Professionelle PowerPoint-Vorlagen für überzeugende Präsentationenzum direkten Download.

Business Vorlagen

Meine Vorlagen sind mehr als nur optisch ansprechend – sie sind strategisch gestaltet, um Deine Botschaft effektiv zu transportieren.
zu den Vorlagen

Planer & Organizer

Entdecke meine vielfältige Auswahl an stilvollen Planern und Organizern, die dir helfen, deinen Alltag effizienter zu gestalten. Ob für Beruf, Studium oder Alltag.

Planer & Organizer

Meine hochwertigen Planer überzeugen durch durchdachtes Design, praktische Layouts und modernes Erscheinungsbild.
zu den Planern