HTMLx3

HTMLx
 HTMLx2
 HTMLx3
 HTMLx4
 CSSx1
 Image Garden
 Photo Sandbox
 
=HTMLx3=
HTML 4.01 supports the ISO 8859-1 (Latin-1) character set.
The lower part of ISO-8859-1 (codes from 0-127) is the original 7-BIT ASCII.<BR> 
Most of these characters can be used without a character reference.<BR>
The higher part of ISO-8859-1 (codes from 160-255) can all be used using
character entity names.
Character Entities
Some characters have a special meaning in HTML, like the less than sign (<)<BR>
that defines the start of an HTML tag. If we want the browser to actually<BR>
display these characters we must insert character entities in the HTML source.
A character entity has three parts: an ampersand (&), an entity name or a # and <BR>
an entity number, and finally a semicolon (;).
To display a less than sign in an HTML document we must write: &lt; &#60;
The advantage of using a name instead of a number is that a name is easier to <BR>
remember. The disadvantage is that not all browsers support the newest entity <BR>
names, while the support for entity numbers is very good in almost all browsers.
Note that the entity names are case sensitive.
=ASCII Entities with new Entity Names=
 
 Result
 Description
 Entity Name
 Entity Number
 
 
 "
 quotation mark
 &quot;
 &#34;
 
 
 '
 apostrophe 
 &apos;
 &#39;
 
 
 &
 ampersand
 &amp;
 &#38;
 
 
 <
 less-than
 &lt;
 &#60;
 
 
 >
 greater-than
 &gt;
 &#62;
 
 
=ISO 8859-1 Symbol Entities=
 
 Result
 Description
 Entity Name
 Entity Number
 
 
  
 non-breaking space
 &nbsp;
 &#160;
 
 
 ¡
 inverted exclamation mark
 &iexcl;
 &#161;
 
 
 ¤
 currency
 &curren;
 &#164;
 
 
 ¢
 cent
 &cent;
 &#162;
 
 
 £
 pound
 &pound;
 &#163;
 
 
 ¥
 yen
 &yen;
 &#165;
 
 
 ¦
 broken vertical bar
 &brvbar;
 &#166;
 
 
 §
 section
 &sect;
 &#167;
 
 
 ¨
 spacing diaeresis
 &uml;
 &#168;
 
 
 ©
 copyright
 &copy;
 &#169;
 
 
 ª
 feminine ordinal indicator
 &ordf;
 &#170;
 
 
 «
 angle quotation mark (left)
 &laquo;
 &#171;
 
 
 ¬
 negation
 &not;
 &#172;
 
 
 ­
 soft hyphen
 &shy;
 &#173;
 
 
 ®
 registered trademark
 &reg;
 &#174;
 
 
 ™
 trademark
 &trade;
  
 
 
 ¯
 spacing macron
 &macr;
 &#175;
 
 
 °
 degree
 &deg;
 &#176;
 
 
 ±
 plus-or-minus 
 &plusmn;
 &#177;
 
 
 ²
 superscript 2
 &sup2;
 &#178;
 
 
 ³
 superscript 3
 &sup3;
 &#179;
 
 
 ´
 spacing acute
 &acute;
 &#180;
 
 
 µ
 micro
 &micro;
 &#181;
 
 
 ¶
 paragraph
 &para;
 &#182;
 
 
 ·
 middle dot
 &middot;
 &#183;
 
 
 ¸
 spacing cedilla
 &cedil;
 &#184;
 
 
 ¹
 superscript 1
 &sup1;
 &#185;
 
 
 º
 masculine ordinal indicator
 &ordm;
 &#186;
 
 
 »
 angle quotation mark (right)
 &raquo;
 &#187;
 
 
 ¼
 fraction 1/4
 &frac14;
 &#188;
 
 
 ½
 fraction 1/2
 &frac12;
 &#189;
 
 
 ¾
 fraction 3/4
 &frac34;
 &#190;
 
 
 ¿
 inverted question mark
 &iquest;
 &#191;
 
 
 ×
 multiplication
 &times;
 &#215;
 
 
 ÷
 division
 &divide;
 &#247;
 
=ISO 8859-1 Character Entities=
 
 Result
 Description
 Entity Name
 Entity Number
 
 
 À
 capital a, grave accent
 &Agrave;
 &#192;
 
 
 �?
 capital a, acute accent
 &Aacute;
 &#193;
 
 
 Â
 capital a, circumflex accent
 &Acirc;
 &#194;
 
 
 Ã
 capital a, tilde
 &Atilde;
 &#195;
 
 
 Ä
 capital a, umlaut mark
 &Auml;
 &#196;
 
 
 Å
 capital a, ring
 &Aring;
 &#197;
 
 
 Æ
 capital ae
 &AElig;
 &#198;
 
 
 Ç
 capital c, cedilla
 &Ccedil;
 &#199;
 
 
 È
 capital e, grave accent
 &Egrave;
 &#200;
 
 
 É
 capital e, acute accent
 &Eacute;
 &#201;
 
 
 Ê
 capital e, circumflex accent
 &Ecirc;
 &#202;
 
 
 Ë
 capital e, umlaut mark
 &Euml;
 &#203;
 
 
 Ì
 capital i, grave accent
 &Igrave;
 &#204;
 
 
 �?
 capital i, acute accent
 &Iacute;
 &#205;
 
 
 Î
 capital i, circumflex accent
 &Icirc;
 &#206;
 
 
 �?
 capital i, umlaut mark
 &Iuml;
 &#207;
 
 
 �?
 capital eth, Icelandic
 &ETH;
 &#208;
 
 
 Ñ
 capital n, tilde
 &Ntilde;
 &#209;
 
 
 Ò
 capital o, grave accent
 &Ograve;
 &#210;
 
 
 Ó
 capital o, acute accent
 &Oacute;
 &#211;
 
 
 Ô
 capital o, circumflex accent
 &Ocirc;
 &#212;
 
 
 Õ
 capital o, tilde
 &Otilde;
 &#213;
 
 
 Ö
 capital o, umlaut mark
 &Ouml;
 &#214;
 
 
 Ø
 capital o, slash
 &Oslash;
 &#216;
 
 
 Ù
 capital u, grave accent
 &Ugrave;
 &#217;
 
 
 Ú
 capital u, acute accent
 &Uacute;
 &#218;
 
 
 Û
 capital u, circumflex accent
 &Ucirc;
 &#219;
 
 
 Ü
 capital u, umlaut mark
 &Uuml;
 &#220;
 
 
 �?
 capital y, acute accent
 &Yacute;
 &#221;
 
 
 Þ
 capital THORN, Icelandic
 &THORN;
 &#222;
 
 
 ß
 small sharp s, German
 &szlig;
 &#223;
 
 
 à
 small a, grave accent
 &agrave;
 &#224;
 
 
 á
 small a, acute accent
 &aacute;
 &#225;
 
 
 â
 small a, circumflex accent
 &acirc;
 &#226;
 
 
 ã
 small a, tilde
 &atilde;
 &#227;
 
 
 ä
 small a, umlaut mark
 &auml;
 &#228;
 
 
 å
 small a, ring
 &aring;
 &#229;
 
 
 æ
 small ae
 &aelig;
 &#230;
 
 
 ç
 small c, cedilla
 &ccedil;
 &#231;
 
 
 è
 small e, grave accent
 &egrave;
 &#232;
 
 
 é
 small e, acute accent
 &eacute;
 &#233;
 
 
 ê
 small e, circumflex accent
 &ecirc;
 &#234;
 
 
 ë
 small e, umlaut mark
 &euml;
 &#235;
 
 
 ì
 small i, grave accent
 &igrave;
 &#236;
 
 
 í
 small i, acute accent
 &iacute;
 &#237;
 
 
 î
 small i, circumflex accent
 &icirc;
 &#238;
 
 
 ï
 small i, umlaut mark
 &iuml;
 &#239;
 
 
 ð
 small eth, Icelandic
 &eth;
 &#240;
 
 
 ñ
 small n, tilde
 &ntilde;
 &#241;
 
 
 ò
 small o, grave accent
 &ograve;
 &#242;
 
 
 ó
 small o, acute accent
 &oacute;
 &#243;
 
 
 ô
 small o, circumflex accent
 &ocirc;
 &#244;
 
 
 õ
 small o, tilde
 &otilde;
 &#245;
 
 
 ö
 small o, umlaut mark
 &ouml;
 &#246;
 
 
 ø
 small o, slash
 &oslash;
 &#248;
 
 
 ù
 small u, grave accent
 &ugrave;
 &#249;
 
 
 ú
 small u, acute accent
 &uacute;
 &#250;
 
 
 û
 small u, circumflex accent
 &ucirc;
 &#251;
 
 
 ü
 small u, umlaut mark
 &uuml;
 &#252;
 
 
 ý
 small y, acute accent
 &yacute;
 &#253;
 
 
 þ
 small thorn, Icelandic
 &thorn;
 &#254;
 
 
 ÿ
 small y, umlaut mark
 &yuml;
 &#255;
 
==Pinyin Tones==
The Pinyin system also incorporates suprasegmental phonemes to represent the four tones of Mandarin. Each tone is indicated by a diacritical mark above a non-medial vowel. Note that the lower-case letter "a" in pinyin is supposed to be of the handwritten type with no curl over the top. This can be achieved by using a font in which the letter happens to look like this, or alternatively by specifying it using Unicode as we have done in the bracketed example. Note that tones marks can also appear on consonants in certain vowelless exclamations.
# The first tone is represented by a macron (ˉ) added to the pinyin vowel:
#:(ɑ̄) ā ē ī ō ū ǖ Ā Ē Ī Ō Ū Ǖ
# The second tone is denoted by an acute accent (ˊ):
#:(ɑ́) á é í ó ú ǘ �? É �? Ó Ú Ǘ
# The third tone is symbolized by a caron (ˇ, also known as a reverse circumflex). Note, it is officially not a breve (˘, lacking a downward angle), although this misuse is somewhat common on the Internet. 
#:(ɑ̌) ǎ ě ǐ ǒ ǔ ǚ Ǎ Ě Ǐ Ǒ Ǔ Ǚ
# The fourth tone is represented by a grave accent (ˋ):
#:(ɑ̀) à è ì ò ù ǜ À È Ì Ò Ù Ǜ
# The fifth or neutral tone is represented by a normal vowel without any accent mark: 
#:(ɑ) a e i o u ü A E I O U Ü
:(In some cases, this is also written with a dot before the syllable; for example, ·ma.)
Since most computer fonts do not contain the macron or caron accents, a common convention is to postfix the individual syllables with a digit representing their tone (e.g., "tóng" (tong with the rising tone) is written "tong2"). The digit is numbered as the order listed above, except the "fifth tone", which, in addition to being numbered 5, is also either not numbered or numbered zero, as in ma0 (吗/嗎, an interrogative marker). 
The pinyin vowels are ordered as a, o, e, i, u, and ü. Generally, the tone mark is placed on the vowel that first appears in the order mentioned. Liú is a superficial exception whose true pronunciation is lióu. And since o precedes i, óu (contracted to ú) is marked.
These tone marks normally are only used in Mandarin textbooks or in foreign learning texts, but they are essential for correct pronunciation of Mandarin syllables, as exemplified by the following classical example of five characters whose pronunciations differ only in their tones:
妈(mā)
麻(má)
马(mǎ)
骂(mà)
吗(·ma)
(Being "mother", "hemp", "horse", "insult" and a question particle, respectively.)
=Some Other Entities supported by HTML=
 
 Result
 Description
 Entity Name
 Entity Number
 
 
 Œ
 capital ligature OE
 &OElig;
 &#338;
 
 
 œ
 small ligature oe
 &oelig;
 &#339;
 
 
 Š
 capital S with caron
 &Scaron;
 &#352;
 
 
 š
 small S with caron
 &scaron;
 &#353;
 
 
 Ÿ
 capital Y with diaeres
 &Yuml;
 &#376;
 
 
 ˆ
 modifier letter circumflex accent
 &circ;
 &#710;
 
 
 ˜
 small tilde
 &tilde;
 &#732;
 
 
  
 en space
 &ensp;
 &#8194;
 
 
  
 em space
 &emsp;
 &#8195;
 
 
  
 thin space
 &thinsp;
 &#8201;
 
 
 ‌
 zero width non-joiner
 &zwnj;
 &#8204;
 
 
 �?
 zero width joiner
 &zwj;
 &#8205;
 
 
 ‎
 left-to-right mark
 &lrm;
 &#8206;
 
 
 �?
 right-to-left mark
 &rlm;
 &#8207;
 
 
 –
 en dash
 &ndash;
 &#8211;
 
 
 —
 em dash
 &mdash;
 &#8212;
 
 
 ‘
 left single quotation mark
 &lsquo;
 &#8216;
 
 
 ’
 right single quotation mark
 &rsquo;
 &#8217;
 
 
 ‚
 single low-9 quotation mark
 &sbquo;
 &#8218;
 
 
 “
 left double quotation mark
 &ldquo;
 &#8220;
 
 
 �?
 right double quotation mark
 &rdquo;
 &#8221;
 
 
 „
 double low-9 quotation mark
 &bdquo;
 &#8222;
 
 
 †
 dagger
 &dagger;
 &#8224;
 
 
 ‡
 double dagger
 &Dagger;
 &#8225;
 
 
 …
 horizontal ellipsis
 &hellip;
 &#8230;
 
 
 ‰
 per mille 
 &permil;
 &#8240;
 
 
 ‹
 single left-pointing angle quotation
 &lsaquo;
 &#8249;
 
 
 ›
 single right-pointing angle quotation
 &rsaquo;
 &#8250;
 
 
 €
 euro
 &euro;
 &#8364;
 
 
 ™
 trademark
  
 &#8482;