How to Add HTML Special Characters To A Webpage

Adding special characters to your website can sometimes become tricky.  Some editors interpret the code correctly and some don’t.  And sometimes everything looks fine on your computer then when you upload the page to your website, the characters are all wrong.

So the best way to insert them is to use the entity numbers or entity names in your codes directly.  Don’t rely on your editor especially if you’re having problems.

Here is a handy list of special characters and the entity codes needed to display special characters properly in browsers.

Characters such as Á and Õ need the entity number or entity name in your html code.

HTML Special Characters (Uppercase)

HTML Special Characters Entity Number Entity Name Description
À À À capital a, grave accent
Á Á Á capital a, acute accent
   capital a, circumflex accent
à à à capital a, tilde
Ä Ä Ä capital a, umlaut mark
Å Å Å capital a, ring
Æ Æ Æ capital ae
Ç Ç Ç capital c, cedilla
È È È capital e, grave accent
É É É capital e, acute accent
Ê Ê Ê capital e, circumflex accent
Ë Ë Ë capital e, umlaut mark
Ì Ì Ì capital i, grave accent
Í Í Í capital i, acute accent
Î Î Î capital i, circumflex accent
Ï Ï Ï capital i, umlaut mark
Ð Ð Ð capital eth, Icelandic
Ñ Ñ Ñ capital n, tilde
Ò Ò Ò capital o, grave accent
Ó Ó Ó capital o, acute accent
Ô Ô Ô capital o, circumflex accent
Õ Õ Õ capital o, tilde
Ö Ö Ö capital o, umlaut mark
Ø Ø Ø capital o, slash
√ô Ù Ù capital u, grave accent
√ö Ú Ú capital u, acute accent
√õ Û Û capital u, circumflex accent
√ú Ü Ü capital u, umlaut mark
√ù Ý Ý capital y, acute accent
√û Þ Þ capital THORN, Icelandic

HTML Special Characters (Lowercase)

HTML Special Characters Entity Number Entity Name Description
√ü ß ß small sharp s, German
√† à à small a, grave accent
√° á á small a, acute accent
√¢ â â small a, circumflex accent
√£ ã ã small a, tilde
√§ ä ä small a, umlaut mark
√• å å small a, ring
√¶ æ æ small ae
√ß ç ç small c, cedilla
√® è è small e, grave accent
√© é é small e, acute accent
√™ ê ê small e, circumflex accent
√´ ë ë small e, umlaut mark
√¨ ì ì small i, grave accent
√≠ í í small i, acute accent
√Æ î î small i, circumflex accent
√Ø ï ï small i, umlaut mark
√∞ ð ð small eth, Icelandic
√± ñ ñ small n, tilde
√≤ ò ò small o, grave accent
√≥ ó ó small o, acute accent
√¥ ô ô small o, circumflex accent
√µ õ õ small o, tilde
√∂ ö ö small o, umlaut mark
√∏ ø ø small o, slash
√π ù ù small u, grave accent
√∫ ú ú small u, acute accent
√ª û û small u, circumflex accent
√º ü ü small u, umlaut mark
√Ω ý ý small y, acute accent
√æ þ þ small thorn, Icelandic
√ø ÿ ÿ small y, umlaut mark

Leave a Reply

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>