Wired

Webmonkey

  • Web Dev & Design
    • Ajax
    • Backend
    • Blog Publishing
    • CSS
    • Databases
    • Fonts
    • Frameworks
    • HTML
    • HTML 5
    • JavaScript
    • Mobile
    • Multimedia
    • Programming
    • Security
    • UI/UX
    • Web Standards
  • Software & Apps
    • Browsers
    • Software
    • Web Apps
  • Platform & APIs
    • APIs
    • Identity
    • Location
    • Social
    • Web Services
  • Reference
    • Color Charts
    • HTML Cheat Sheets
    • Special Characters
    • Glossary
    • Templates
    • Code Snippets
  • twitter
  • facebook
  • RSS Feeds
Feb 15 2010
File Under: Cheat Sheets, HTML

Special Characters

  • By Webmonkey Staff

To make special characters and accented letters show up on your pages, use a special set of codes called character entities, which you insert into your HTML code and which your browser will display as the corresponding symbols or characters you want.

The most common character entities have been collected by the International Organization for Standardization and compiled in the ISO Latin Alphabet No. 1 table, which includes special characters, letters with diacritical marks (accents, umlauts, etc.), and scientific and currency symbols. The Latin-1 table contains 255 characters.  

ISO Entities

Name Code Number Code Glyph 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
‹ ‹ single left-pointing angle quote
› › single right-pointing angle quote
♠ ♠ black spade suit
♣ ♣ black club suit
♥ ♥ black heart suit
♦ ♦ black diamond suit
‾ ‾ overline, = spacing overscore
← ← leftward arrow
↑ ↑ upward arrow
→ → rightward arrow
↓ ↓ downward arrow
™ ™ trademark sign
Name Code Number Code Glyph Description
�- unused
	 horizontal tab

 line feed
 unused
  space
! ! exclamation mark
" " “ double quotation mark
# # number sign
$ $ dollar sign
% % percent sign
& & & ampersand
' ‘ apostrophe
( ( left parenthesis
) ) right parenthesis
* * asterisk
+ + plus sign
, , comma
- - hyphen
. . period
Name Code Number Code Glyph Description
⁄ / / slash
0-9 digits 0-9
: : colon
&#59; ; semicolon
&lt; &#60; < less-than sign
&#61; = equals sign
&gt; &#62; > greater-than sign
&#63; ? question mark
&#64; @ at sign
&#65;-&#90; uppercase letters A-Z
&#91; [ left square bracket
&#92; \ backslash
&#93; ] right square bracket
&#93; ] caret
&#95; _ horizontal bar (underscore)
&#96; ` grave accent
&#97;-&#122; lowercase letters a-z
&#123; { left curly brace
&#124; | vertical bar
Name Code Number Code Glyph Description
&#125; } right curly brace
&#126; ~ tilde
&#127;-&#149; unused
&ndash; &#150; – en dash
&mdash; &#151; — em dash
&#152;-&#159; unused
&nbsp; &#160; nonbreaking space
&iexcl; &#161; ¡ inverted exclamation
&cent; &#162; ¢ cent sign
&pound; &#163; £ pound sterling
&curren; &#164; ¤ general currency sign
&yen; &#165; ¥ yen sign
&brvbar; or &brkbar; &#166; ¦ broken vertical bar
&sect; &#167; § section sign
&uml; or &die; &#168; ¨ umlaut
&copy; &#169; © copyright
&ordf; &#170; ª feminine ordinal
&laquo; &#171; « left angle quote
&not; &#172; ¬ not sign
&shy; &#173; ­ soft hyphen
&reg; &#174; ® registered trademark
&macr; or &hibar; &#175; ¯ macron accent
Name Code Number Code Glyph Description
&deg; &#176; ° degree sign
&plusmn; &#177; ± plus or minus
&sup2; &#178; ² superscript two
&sup3; &#179; ³ superscript three
&acute; &#180; ´ acute accent
&micro; &#181; µ micro sign
&para; &#182; ¶ paragraph sign
&middot; &#183; · middle dot
&cedil; &#184; ¸ cedilla
&sup1; &#185; ¹ superscript one
&ordm; &#186; º masculine ordinal
&raquo; &#187; » right angle quote
&frac14; &#188; ¼ one-fourth
&frac12; &#189; ½ one-half
&frac34; &#190; ¾ three-fourths
&iquest; &#191; ¿ inverted question mark
&Agrave; &#192; À uppercase A, grave accent
&Aacute; &#193; Á uppercase A, acute accent
&Acirc; &#194; Â uppercase A, circumflex accent
Name Code Number Code Glyph Description
&Atilde; &#195; Ã uppercase A, tilde
&Auml; &#196; Ä uppercase A, umlaut
&Aring; &#197; Å uppercase A, ring
&AElig; &#198; Æ uppercase AE
&Ccedil; &#199; Ç uppercase C, cedilla
&Egrave; &#200; È uppercase E, grave accent
&Eacute; &#201; É uppercase E, acute accent
&Ecirc; &#202; Ê uppercase E, circumflex accent
&Euml; &#203; Ë uppercase E, umlaut
&Igrave; &#204; Ì uppercase I, grave accent
&Iacute; &#205; Í uppercase I, acute accent
&Icirc; &#206; Î uppercase I, circumflex accent
&Iuml; &#207; Ï uppercase I, umlaut
&ETH; &#208; Ð uppercase Eth, Icelandic
&Ntilde; &#209; Ñ uppercase N, tilde
&Ograve; &#210; Ò uppercase O, grave accent
&Oacute; &#211; Ó uppercase O, acute accent
&Ocirc; &#212; Ô uppercase O, circumflex accent
&Otilde; &#213; Õ uppercase O, tilde
Name Code Number Code Glyph Description
&Ouml; &#214; Ö uppercase O, umlaut
&times; &#215; × multiplication sign
&Oslash; &#216; Ø uppercase O, slash
&Ugrave; &#217; Ù uppercase U, grave accent
&Uacute; &#218; Ú uppercase U, acute accent
&Ucirc; &#219; Û uppercase U, circumflex accent
&Uuml; &#220; Ü uppercase U, umlaut
&Yacute; &#221; Ý uppercase Y, acute accent
&THORN; &#222; Þ uppercase THORN, Icelandic
&szlig; &#223; ß lowercase sharps, German
&agrave; &#224; à lowercase a, grave accent
&aacute; &#225; á lowercase a, acute accent
&acirc; &#226; â lowercase a, circumflex accent
&atilde; &#227; ã lowercase a, tilde
&auml; &#228; ä lowercase a, umlaut
&aring; &#229; å lowercase a, ring
&aelig; &#230; æ lowercase ae
&ccedil; &#231; ç lowercase c, cedilla
&egrave; &#232; è lowercase e, grave accent
Name Code Number Code Glyph Description
&eacute; &#233; é lowercase e, acute accent
&ecirc; &#234; ê lowercase e, circumflex accent
&euml; &#235; ë lowercase e, umlaut
&igrave; &#236; ì lowercase i, grave accent
&iacute; &#237; í lowercase i, acute accent
&icirc; &#238; î lowercase i, circumflex accent
&iuml; &#239; ï lowercase i, umlaut
&eth; &#240; ð lowercase eth, Icelandic
&ntilde; &#241; ñ lowercase n, tilde
&ograve; &#242; ò lowercase o, grave accent
&oacute; &#243; ó lowercase o, acute accent
&ocirc; &#244; ô lowercase o, circumflex accent
&otilde; &#245; õ lowercase o, tilde
&ouml; &#246; ö lowercase o, umlaut
&divide; &#247; ÷ division sign
&oslash; &#248; ø lowercase o, slash
&ugrave; &#249; ù lowercase u, grave accent
&uacute; &#250; ú lowercase u, acute accent
&ucirc; &#251; û lowercase u, circumflex accent
Name Code Number Code Glyph Description
&uuml; &#252; ü lowercase u, umlaut
&yacute; &#253; ý lowercase y, acute accent
&thorn; &#254; þ lowercase thorn, Icelandic
&yuml; &#255; ÿ lowercase y, umlaut


Tags: wiki
  • Post Comment  | 
  • Permalink
  • Digg
  • Stumble Upon
  • Facebook
  • Delicious
  • Reddit
  • amy maay
    thanks:)
  • Hawksof05
    ....
  • Beng J
    You are fabulous!!! thank you for this - I've been looking for these special characters. Thanks!!!!
  • kneat knitter
    Saved my b**. Thank you.
  • Betty Bloopers
    These symbols, html as they are, are not for facebook. They are ... just that. HTML for coding.
  • Abinayadev
    nice collection of necessary spl characters...
  • Cona:)
    ⎝⏠⏝⏠⎠
  • Gemini4730
    ♥
    ®
  • metin2 pvp serverlar
    thankss
  • metin2 pvp serverlar
    thank you all..
  • pvp serverlar
    thanks you all
  • Elvedams
    Thank you admin
  • yuregininsesi
    same. i dont understand it. my friend has one, but she seems to avoid the conversation on how to do it everytime? i suppose it is just something you *have* to know!
  • led lamp
    A very thorough fantastic list. If you don't mind me bookmarking this page for later use I'll do it as I'm always wondering what the web safe characters are.
  • Beth
    How do you make a "greater than or equal to" sign?
  • Hitesh &hearts;
    ♥
  • Business Opportunity
    OH man can you image trying to program in that code, it would take months!!
  • Uninstall Program
    Wow! Man, that's so great! I bookmark your post!!! Thank you!
  • Remove Spyware
    Thanks so much!! Your post is really helpful:D
  • Allimad
    :P
  • Dast
    thanks www.onnumarachat.com
  • Lena Meyer
    Very Thanks, Super
  • gebze nakliyat
    thanx you
  • Kimberly Motes
    I am specifically looking for a lightning bolt symbol like in the band name AC/DC. Can you help me?
  • fan
    I much prefer the previous list of special characters that Webmonkey had up for years, it was much easier to understand and make use of.
  • evden eve nakliyat
    thanx
  • hjk
    gjghjdgjetygh
  • hjk
    bnjk
  • zayiflama
    i dont understand? do you just type the number code in ?? thanks xx
  • Mayur Chandarana
    How do you put a Heart on you Facebook name?
  • AskSabrina
    here ❤ ♡ ❤ ღ
  • Blayd_kutz
    you type a less than sign and a 3 so..

    < and 3 see how it looks like a sideways heart <3
  • Kelly
    try Fna Alt L then you get this: ♥
  • Michael Gurden
    you can make a heart on facebook by typing <3
  • wordpress tema
    Thank you admin very good
  • sesli sohbet
    Thank you very nice...
  • sesli sohbet
    Thank you admin
  • Dr Shyam
    I remember when you guys had this YEARS ago [talking before year 2000!]...I was in elementary school and stumbled upon this site when I started making my old anime websites. I see you changed it up this year. Still looks great!
  • RacerWife7
    Too bad Facebook doesn't allow these in user names. :( I have NO idea how some people have them in there because it kicks mine out as invalid every time I try it.
  • sarah
    same. i dont understand it. my friend has one, but she seems to avoid the conversation on how to do it everytime? i suppose it is just something you *have* to know!
  • turtLe
    just copy and paste.. nothing to know
  • Anon
    People who don't understand: Hold down alt, and type in 0 followed by the number given after "&#" on the "number code". Then let go of alt. So ALT + 0172 = ¬
  • hezzie
    i dont understand? do you just type the number code in ?? thanks xx
  • sesli chat
    Thank you admin
  • John Haas
    You left out the en and em spaces:   and
  • sesli chat
    Thank you admin
  • sesli sohbet
    Thank you for the post great!
  • bk t
    I don't understand how to CREATE these umlauts, etc. With a number code? type in the number code?
  • mydesignbytes
    I created a quick reference pdf for the more commen symbols and I also posted a really long list of the rest of them, all can been seen here: http://wp.me/poRKn-JI
blog comments powered by Disqus

Webmonkey’s Picks

Browse Our Tutorials

HTML, JavaScript, design and more

Cheat Sheets

HTML, CSS and special characters

Color Charts

Brighten up your pages

Cut & Paste Code

Templates and snippets you can steal

Recent Comments

  • How to Speed Up Your Site With YSlow and Page Speed | Tech Alps on New Google Tools Help Speed Up Your Website
  • Brent on How to Speed Up Your Site With YSlow and Page Speed
  • Using Microformats in HTML5 | Tech Alps on What Happened to the Microformats Support in Firefox 3
  • Devin Serpa on Browsers Turn Their Backs on Old Macs
  • Fgfdsf on DeviantArt’s Muro Drawing App Is Pure HTML5 Awesomeness
  • Recent Articles

  • Using Microformats in HTML5
  • How to Speed Up Your Site With YSlow and Page Speed
  • Browsers Turn Their Backs on Old Macs
  • Twitter Moves to OAuth: The OAuthcalypse Is Nigh
  • Google and Arcade Fire Get All HTML5y
  • Corrections | Sitemap | FAQ | Contact Us | Wired Staff | Advertising | Press Center | Subscription Services | Newsletter | RSS Feeds
    Condé Nast Web Sites:
    Webmonkey | Reddit | ArsTechnica | Details | Golf Digest | GQ | New Yorker

    Registration on or use of this site constitutes acceptance of our User Agreement (Revised 4/1/2009) and Privacy Policy (Revised 4/1/2009).

    Wired.com © 2010 Condé Nast Digital. All rights reserved.

    The material on this site may not be reproduced, distributed, transmitted, cached or otherwise used, except with the prior written permission of Condé Nast Digital.