HTML Entities: Special Letters

HTML entities are snippets of code used to represent characters, enabling the display of accented letters, reserved and special characters, and symbols, ensuring accurate rendering in web browsers. This page lists HTML entities for accented letters. There are other methods to create accented letters when computing, including UTF-8 character encoding, ASCII codes, hexadecimal codes, and other tricks like copying and pasting and using keyboards that include accented letters. Personally, I prefer HTML entities because they are intuitive; once you start using them, they become ingrained in your memory, allowing your writing to flow without the interruption of constant code lookup. Examine the table below and you'll quickly notice a pattern. Capital and lowercase codes for a single letter are similar, differing only in the case of the letter itself: the capital letter includes a capital code (Á = Á), and the lowercase letter has a lowercase code (á = á). Also, note that the code uses a construct that employs the name of the letter to represent it: Á represents the letter called A-acute (Á), just as &euml represents e-umlaut (ë). Using this table as a guide, you can swiftly learn how to create an n-tilde (ñ), a C-cedilla (Ç), or even an a-ogonek (ą).

Name Symbol HTML Entity
A
A-acute Á Á
a-acute á á
A-breve Ă Ă
a-breve ă ă
A-circumflex  Â
a-circumflex â â
A-grave À À
a-grave à à
A-macron Ā Ā
a-macron ā ā
A-ogonek Ą Ą
a-ogonek ą ą
A-ring Å Å
a-ring å å
A-tilde à Ã
a-tilde ã ã
A-umlaut Ä Ä
a-umlaut ä ä


C-caron Č Č
c-caron č č
C-cedilla Ç Ç
c-cedilla ç ç


D-caron Ď Ď
d-caron ď ď
D-stroke Đ Đ
d-stroke đ đ


E-acute É É
e-acute é é
E-circumflex Ê Ê
e-circumflex ê ê
E-grave È È
e-grave è è
E-macron Ē Ē
e-macron ē ē
E-ogonek Ę Ę
e-ogonek ę ę
E-umlaut Ë Ë
e-umlaut ë ë


I-acute Í Í
i-acute í í
I-circumflex Î Î
i-circumflex î î
I-grave Ì Ì
i-grave ì ì
I-macron Ī Ī
i-macron ī ī
I-umlaut Ï Ï
i-umlaut ï ï


N-accute Ń
n-accute ń &ń;
N-tilde Ñ Ñ
n-tilde ñ ñ


O-acute Ó Ó
o-acute ó ó
O-circumflex Ô Ô
o-circumflex ô ô
O-grave Ò Ò
o-grave ò ò
O-macron Ō Ō
o-macron ō ō
O-slash Ø Ø
o-slash ø ø
O-tilde Õ Õ
o-tilde õ õ
O-umlaut Ö Ö
o-umlaut ö ö


U-acute Ú Ú
u-acute ú ú
U-circumflex Û Û
u-circumflex û û
U-grave Ù Ù
u-grave ù ù
U-macron Ū Ū
u-macron ū ū
U-ring Ů Ů
u-ring ů ů
U-umlaut Ü Ü
u-umlaut ü ü


Y-acute Ý Ý
y-acute ý ý
Y-Circumflex Ŷ Ŷ
y-circumflex ŷ ŷ
Y-Umlaut Ÿ Ÿ
y-umlaut ÿ ÿ

How to incorporate HTML entities

To use HTML entities, while writing your HTML markup, simply replace the accented letter with the appropriate entity. Below are some examples showing words with accented letters and the HTML code with HTML entities representing the accented letters.

			
açaí         → açaí
blåbärssoppa → blåbärssoppa
crêpe        → crêpe
déjà vu      → déjà vu
éclair       → éclair
façade       → façade
gâteau       → gâteau
jalapeño     → jalapeño
müsli        → müsli
pâté         → pâté
tête-à-tête  → tête-à-tête
			
			
author: teresa marie yawn 1 September 2023