Lesson 8 - Special Characters

There are a number of characters in HTML that you cannot enter directly from the keyboard. You have already been looking at a few - how do you think I managed to display HTML tags on the screen without them being interpreted by the browser as, well, HTML tags ?

The answer is quite simple, I have had to use the special characters that are available in HTML to allow me to add things like '<' and '>' etc without having them decoded as tags ?

How does one identify a special character, well they all start with an ampersand (&) and end with a semi-colon (;) and have some text in the middle to describe them. This means that an ampersand cannot be used in an HTML document because it gets interpreted as the start of a special code and usually gets ignored.

Here is a table of all the special characters, their codes and a description.

ISO Latin-1 characters
HTML Coding Result Description HTML Coding Result Description
&Agrave; À capital A, grave accent &iuml; ï small i, diæresis/umlaut
&agrave; à small a, grave accent &ETH; Ð capital Eth, Icelandic
&Aacute; Á capital A, acute accent &eth; ð small eth, Icelandic
&aacute; á small a, acute accent &Ntilde; Ñ capital N, tilde
&Acirc; Â capital A, circumflex &ntilde; ñ small n, tilde
&acirc; â small a, circumflex &Ograve; Ò capital O, grave accent
&Atilde; Ã capital A, tilde &ograve; ò small o, grave accent
&atilde; ã small a, tilde &Oacute; Ó capital O, acute accent
&Auml; Ä capital A, diæresis/umlaut &oacute; ó small o, acute accent
&auml; ä small a, diæresis/umlaut &Ocirc; Ô capital O, circumflex
&Aring; Å capital A, ring &ocirc; ô small o, circumflex
&aring; å small a, ring &Otilde; Õ capital O, tilde
&AElig; Æ capital AE ligature &otilde; õ small o, tilde
&aelig; æ small ae ligature &Ouml; Ö capital O, diæresis/umlaut
&Ccedil; Ç capital C, cedilla &ouml; ö small o, diæresis/umlaut
&ccedil; ç small c, cedilla &Oslash; Ø capital O, slash
&Egrave; È capital E, grave accent &oslash; ø small o, slash
&egrave; è small e, grave accent &Ugrave; Ù capital U, grave accent
&Eacute; É capital E, acute accent &ugrave; ù small u, grave accent
&eacute; é small e, acute accent &Uacute; Ú capital U, acute accent
&Ecirc; Ê capital E, circumflex &uacute; ú small u, acute accent
&ecirc; ê small e, circumflex &Ucirc; Û capital U, circumflex
&Euml; Ë capital E, diæresis/umlaut &ucirc; û small u, circumflex
&euml; ë small e, diæresis/umlaut &Uuml; Ü capital U, diæresis/umlaut
&Igrave; Ì capital I, grave accent &uuml; ü small u, diæresis/umlaut
&igrave; ì small i, grave accent &Yacute; Ý capital Y, acute accent
&Iacute; Í capital I, acute accent &yacute; ý small y, acute accent
&iacute; í small i, acute accent &THORN; Þ capital Thorn, Icelandic
&Icirc; Î capital I, circumflex &thorn; þ small thorn, Icelandic
&icirc; î small i, circumflex &szlig; ß small sharp s, German sz
&Iuml; Ï capital I, diæresis/umlaut &yuml; ÿ small y, diæresis/umlaut

Additional characters from ISO 8859-1
HTML Coding Result Description HTML Coding Result Description
&nbsp;   non-breaking space &plusmn; ± plus-or-minus sign
&iexcl; ¡ inverted exclamation mark &sup2; ² superscript two
&cent; ¢ cent sign &sup3; ³ superscript three
&pound; £ pound sign &acute; ´ acute accent
&curren; ¤ general currency sign &micro; µ micro sign
&yen; ¥ yen sign &para; pilcrow (paragraph sign)
&brvbar; ¦ broken (vertical) bar &middot; · middle dot
&sect; § section sign &cedil; ¸ cedilla
&uml; ¨ umlaut/dieresis &sup1; ¹ superscript one
&copy; © copyright sign &ordm; º ordinal indicator, male
&ordf; ª ordinal indicator, fem &raquo; » angle quotation mark, right
&laquo; « angle quotation mark, left &frac14; ¼ fraction one-quarter
&not; ¬ not sign &frac12; ½ fraction one-half
&shy; ­ soft hyphen &frac34; ¾ fraction three-quarters
&reg; ® registered sign &iquest; ¿ inverted question mark
&macr; ¯ macron &times; × multiply sign
&deg; ° degree sign &div; ÷ division sign

Notice how the GBP currency symbol requires a special character !



Previous Lesson Home Page Next Lesson