|

Character Codes

Use these codes in your HTML to make sure special characters appear correctly on all platforms and browsers. See the full list….

Symbols

Letters

Code Symbol Description
‘
‘
left single quote
’
’
right single quote
‚
‚
single low-9 quote
“
“
left double quote
”
”
right double quote
„
„
double low-9 quote
†
†
dagger
‡
‡
double dagger
‰
‰
per mill sign
‹
‹
left angle quote (single)
›
›
right angle quote (single)
♠
♠
black spade suit
♣
♣
black club suit
♥
♥
black heart suit
♦
♦
black diamond suit
‾
‾
overline
←
←
leftward arrow
↑
↑
upward arrow
→
→
rightward arrow
↓
↓
downward arrow
™
™
trademark sign
&
&
ampersand
<
<
less-than sign
&gt;
>
greater-than sign
&quot;
“
quotation mark
&times;
×
multiplication sign
&divide;
÷
division sign
&ndash;
–
en dash
&mdash;
—
em dash
&nbsp; nonbreaking space
&iexcl;
¡
inverted exclamation
&cent;
¢
cent sign
&pound;
£
pound sterling
&curren;
¤
general currency sign
&yen;
¥
yen sign
&euro;
€
euro sign
&brvbar;
¦
broken vertical bar
&sect;
§
section sign
&#127;

square
&uml;
¨
umlaut
&copy;
©
copyright
&ordf;
ª
feminine ordinal
&laquo;
«
left angle quote
&not;
¬
not sign
&reg;
®
registered trademark
&macr;
¯
macron accent
&deg;
°
degree sign
&plusmn;
±
plus or minus
&sup2;
²
superscript two
&sup3;
³
superscript tree
&acute;
´
acute accent
&micro;
µ
micro sign
&para;
paragraph sign
&middot;
·
middle dot
&cedil;
¸
cedilla
&sup1;
¹
superscript one
&ordm;
º
masculine ordinal
&raquo;
»
right angle quote
&frac14;
¼
one quarter
&frac12;
½
one half
&frac34;
¾
three quarters
&iquest;
¿
inverted question mark
LETTERS
&Agrave;
À
uppercase A, grave accent
&Aacute;
Á
uppercase A, acute accent
&Acirc;
Â
uppercase A, circumflex accent
&Atilde;
Ã
uppercase A, tilde
&Auml;
Ä
uppercase A, umlaut
&Aring;
Å
uppercase A, ring
&AElig;
Æ
uppercase AE
&Ccedil;
Ç
uppercase C, cedilla
&Egrave;
È
uppercase E, grave accent
&Eacute;
É
uppercase E, acute accent
&Ecirc;
Ê
uppercase E, circumflex accent
&Euml;
Ë
uppercase E, umlaut
&Igrave;
Ì
uppercase I, grave accent
&Iacute;
Í
uppercase I, acute accent
&Icirc;
Î
uppercase I, circumflex accent
&Iuml;
Ï
uppercase I, umlaut
&ET;
Ð
uppercase Et, Icelandic
&Ntilde;
Ñ
uppercase N, tilde
&Ograve;
Ò
uppercase O, grave accent
&Oacute;
Ó
uppercase O, acute accent
&Ocirc;
Ô
uppercase O, circumflex accent
&Otilde;
Õ
uppercase O, tilde
&Ouml;
Ö
uppercase O, umlaut
&Oslash;
Ø
uppercase O, slash
&Ugrave;
Ù
uppercase U, grave accent
&Uacute;
Ú
uppercase U, acute accent
&Ucirc;
Û
uppercase U, circumflex accent
&Uuml;
Ü
uppercase U, umlaut
&Yacute;
Ý
uppercase Y, acute accent
&THORN;
Þ
uppercase THORN, Icelandic
&szlig;
ß
lowercase sarps, German
&agrave;
à
lowercase a, grave accent
&aacute;
á
lowercase a, acute accent
&acirc;
â
lowercase a, circumflex accent
&atilde;
ã
lowercase a, tilde
&auml;
ä
lowercase a, umlaut
&aring;
å
lowercase a, ring
&aelig;
æ
lowercase ae
&ccedil;
ç
lowercase c, cedilla
&egrave;
è
lowercase e, grave accent
&eacute;
é
lowercase e, acute accent
&ecirc;
ê
lowercase e, circumflex accent
&euml;
ë
lowercase e, umlaut
&igrave;
ì
lowercase i, grave accent
&iacute;
í
lowercase i, acute accent
&icirc;
î
lowercase i, circumflex accent
&iuml;
ï
lowercase i, umlaut
&et;
ð
lowercase et, Icelandic
&ntilde;
ñ
lowercase n, tilde
&ograve;
ò
lowercase o, grave accent
&oacute;
ó
lowercase o, acute accent
&ocirc;
ô
lowercase o, circumflex accent
&otilde;
õ
lowercase o, tilde
&ouml;
ö
lowercase o, umlaut
&oslas;
ø
lowercase o, slash
&ugrave;
ù
lowercase u, grave accent
&uacute;
ú
lowercase u, acute accent
&ucirc;
û
lowercase u, circumflex accent
&uuml;
ü
lowercase u, umlaut
&yacute;
ý
lowercase y, acute accent
&torn;
þ
lowercase torn, Icelandic
&yuml;
ÿ
lowercase y, umlaut

Similar Posts

  • | |

    Where is web DESIGN heading?

    With Windows 8/touch screens, iPads and cell phones becoming mainstream for web browsing, what should designers take into consideration when planning a new website layout? Start by understanding the user experience, and your potential viewer. What kind of content will the user be looking at? Will they be shopping, reading, viewing image galleries – and…

  • | |

    May 2013, Divs, Floats and Clears

    Using CSS and Div’s for layout. Div’s contain the information to layout the site, but making them behave in a predictable manor is not always easy. Floats are used to control positioning, (left or right) but multiple elements will need to be “cleared” to line up correctly. http://www.sitepoint.com/using-css-grid-layout-and-blend-5-to-build-a-game/ http://960.gs/ http://unsemantic.com/ http://caniuse.com/css-grid http://designfestival.com/design-organized-websites-rapidly-with-960-grid/ http://layouts.ironmyers.com/ http://css-tricks.com/all-about-floats/ http://www.quirksmode.org/css/clearing.html

  • |

    WordPress SEO

    A good way to help optimizing a WordPress website is to use the “All-in-One SEO Pack” plugin. When activated it adds several fields to the bottom of the posts or page interface, where one can add post/page-specific details, which will override…

  • | |

    Designing for Retina Display

    To take advantage of high-resolution displays on iPad, laptops and phones, images used on existing websites may need modification. Images designed for desktop screens can look blurred on Retina displays, and several options have to be considered. Present different images/photos based on media queries?  A higher resolution version can be shown, however consider possible download…