Friday, 21 December 2018

          6th part  html. Basic knowledge
There are 27 = 128 printable characters which can be represented by different 7-BIT ASCII codes. Another set of characters are not for HTML representation but they are devised to control hardware.
Following tables list down all the 7-BIT ASCII codes and their equivalent HTML Entity Codes.
If you want to see equivalent HEX, OCT and extended set of ASCII codes then check next chapter.

7-BIT Printable ASCII Characters

ASCII CharactersDescriptionHTML Entity Codes
space 
!exclamation mark!
"quotation mark"
#number sign#
$dollar sign$
%percent sign%
&ampersand&
'apostrophe'
(left parenthesis(
)right parenthesis)
*asterisk*
+plus sign+
,comma,
-hyphen-
.period.
/slash/
0digit 00
1digit 11
2digit 22
3digit 33
4digit 44
5digit 55
6digit 66
7digit 77
8digit 88
9digit 99
:colon:
;semicolon&#59;
<less-than&#60;
=equals-to&#61;
>greater-than&#62;
?question mark&#63;
@at sign&#64;
Auppercase A&#65;
Buppercase B&#66;
Cuppercase C&#67;
Duppercase D&#68;
Euppercase E&#69;
Fuppercase F&#70;
Guppercase G&#71;
Huppercase H&#72;
Iuppercase I&#73;
Juppercase J&#74;
Kuppercase K&#75;
Luppercase L&#76;
Muppercase M&#77;
Nuppercase N&#78;
Ouppercase O&#79;
Puppercase P&#80;
Quppercase Q&#81;
Ruppercase R&#82;
Suppercase S&#83;
Tuppercase T&#84;
Uuppercase U&#85;
Vuppercase V&#86;
Wuppercase W&#87;
Xuppercase X&#88;
Yuppercase Y&#89;
Zuppercase Z&#90;
[left square bracket&#91;
\backslash&#92;
]right square bracket&#93;
^caret&#94;
_underscore&#95;
`grave accent&#96;
alowercase a&#97;
blowercase b&#98;
clowercase c&#99;
dlowercase d&#100;
elowercase e&#101;
flowercase f&#102;
glowercase g&#103;
hlowercase h&#104;
ilowercase i&#105;
jlowercase j&#106;
klowercase k&#107;
llowercase l&#108;
mlowercase m&#109;
nlowercase n&#110;
olowercase o&#111;
plowercase p&#112;
qlowercase q&#113;
rlowercase r&#114;
slowercase s&#115;
tlowercase t&#116;
ulowercase u&#117;
vlowercase v&#118;
wlowercase w&#119;
xlowercase x&#120;
ylowercase y&#121;
zlowercase z&#122;
{left curly brace&#123;
|vertical bar&#124;
}right curly brace&#125;
~tilde&#126;

7-BIT ASCII Device Control Characters

ASCII CharactersDescriptionHTML Entity Codes
NULnull character&#00;
SOHstart of header&#01;
STXstart of text&#02;
ETXend of text&#03;
EOTend of transmission&#04;
ENQenquiry&#05;
ACKacknowledge&#06;
BELbell (ring)&#07;
BSbackspace&#08;
HThorizontal tab&#09;
LFline feed&#10;
VTvertical tab&#11;
FFform feed&#12;
CRcarriage return&#13;
SOshift out&#14;
SIshift in&#15;
DLEdata link escape&#16;
DC1device control 1&#17;
DC2device control 2&#18;
DC3device control 3&#19;
DC4device control 4&#20;
NAKnegative acknowledge&#21;
SYNsynchronize&#22;
ETBend transmission block&#23;
CANcancel&#24;
EMend of medium&#25;
SUBsubstitute&#26;
ESCescape&#27;
FSfile separator&#28;
GSgroup separator&#29;
RSrecord separator&#30;
USunit separator&#31;
DELdelete (rubout)&#127
ASCII stands for American Standard Code for Information Interchange. There are 128 standard ASCII codes, each of which can be represented by a 7-digit binary number: 0000000 through 1111111.
Extended ASCII adds an additional 128 characters that vary between computers, programs and fonts.

7 Bit ASCII Codes

DECOCTHEXBINSymbolHTML CodeDescription
00000000000000NUL&#000;Null char
10010100000001SOH&#001;Start of Heading
20020200000010STX&#002;Start of Text
30030300000011ETX&#003;End of Text
40040400000100EOT&#004;End of Transmission
50050500000101ENQ&#005;Enquiry
60060600000110ACK&#006;Acknowledgment
70070700000111BEL&#007;Bell
80100800001000BS&#008;Back Space
90110900001001HT&#009;Horizontal Tab
100120A00001010LF&#010;Line Feed
110130B00001011VT&#011;Vertical Tab
120140C00001100FF&#012;Form Feed
130150D00001101CR&#013;Carriage Return
140160E00001110SO&#014;Shift Out / X-On
150170F00001111SI&#015;Shift In / X-Off
160201000010000DLE&#016;Data Line Escape
170211100010001DC1&#017;Device Control 1 (oft. XON)
180221200010010DC2&#018;Device Control 2
190231300010011DC3&#019;Device Control 3 (oft. XOFF)
200241400010100DC4&#020;Device Control 4
210251500010101NAK&#021;Negative Acknowledgement
220261600010110SYN&#022;Synchronous Idle
230271700010111ETB&#023;End of Transmit Block
240301800011000CAN&#024;Cancel
250311900011001EM&#025;End of Medium
260321A00011010SUB&#026;Substitute
270331B00011011ESC&#027;Escape
280341C00011100FS&#028;File Separator
290351D00011101GS&#029;Group Separator
300361E00011110RS&#030;Record Separator
310371F00011111US&#031;Unit Separator
320402000100000&#32;Space
330412100100001!&#33;Exclamation mark
340422200100010"&#34;Double quotes
350432300100011#&#35;Number
360442400100100$&#36;Dollar
370452500100101%&#37;Procenttecken
380462600100110&&#38;Ampersand
390472700100111'&#39;Single quote
400502800101000(&#40;Open parenthesis
410512900101001)&#41;Close parenthesis
420522A00101010*&#42;Asterisk
430532B00101011+&#43;Plus
440542C00101100,&#44;Comma
450552D00101101-&#45;Hyphen
460562E00101110.&#46;Period, dot or full stop
470572F00101111/&#47;Slash or divide
4806030001100000&#48;Zero
4906131001100011&#49;One
5006232001100102&#50;Two
5106333001100113&#51;Three
5206434001101004&#52;Four
5306535001101015&#53;Five
5406636001101106&#54;Six
5506737001101117&#55;Seven
5607038001110008&#56;Eight
5707139001110019&#57;Nine
580723A00111010:&#58;Colon
590733B00111011;&#59;Semicolon
600743C00111100<&#60;Less than
610753D00111101=&#61;Equals
620763E00111110>&#62;Greater than
630773F00111111?&#63;Question mark
641004001000000@&#64;At symbol
651014101000001A&#65;Uppercase A
661024201000010B&#66;Uppercase B
671034301000011C&#67;Uppercase C
681044401000100D&#68;Uppercase D
691054501000101E&#69;Uppercase E
701064601000110F&#70;Uppercase F
711074701000111G&#71;Uppercase G
721104801001000H&#72;Uppercase H
731114901001001I&#73;Uppercase I
741124A01001010J&#74;Uppercase J
751134B01001011K&#75;Uppercase K
761144C01001100L&#76;Uppercase L
771154D01001101M&#77;Uppercase M
781164E01001110N&#78;Uppercase N
791174F01001111O&#79;Uppercase O
801205001010000P&#80;Uppercase P
811215101010001Q&#81;Uppercase Q
821225201010010R&#82;Uppercase R
831235301010011S&#83;Uppercase S
841245401010100T&#84;Uppercase T
851255501010101U&#85;Uppercase U
861265601010110V&#86;Uppercase V
871275701010111W&#87;Uppercase W
881305801011000X&#88;Uppercase X
891315901011001Y&#89;Uppercase Y
901325A01011010Z&#90;Uppercase Z
911335B01011011[&#91;Opening bracket
921345C01011100\&#92;Backslash
931355D01011101]&#93;Closing bracket
941365E01011110^&#94;Caret - circumflex
951375F01011111_&#95;Underscore
961406001100000`&#96;Grave accent
971416101100001a&#97;Lowercase a
981426201100010b&#98;Lowercase b
991436301100011c&#99;Lowercase c
1001446401100100d&#100;Lowercase d
1011456501100101e&#101;Lowercase e
1021466601100110f&#102;Lowercase f
1031476701100111g&#103;Lowercase g
1041506801101000h&#104;Lowercase h
1051516901101001i&#105;Lowercase i
1061526A01101010j&#106;Lowercase j
1071536B01101011k&#107;Lowercase k
1081546C01101100l&#108;Lowercase l
1091556D01101101m&#109;Lowercase m
1101566E01101110n&#110;Lowercase n
1111576F01101111o&#111;Lowercase o
1121607001110000p&#112;Lowercase p
1131617101110001q&#113;Lowercase q
1141627201110010r&#114;Lowercase r
1151637301110011s&#115;Lowercase s
1161647401110100t&#116;Lowercase t
1171657501110101u&#117;Lowercase u
1181667601110110v&#118;Lowercase v
1191677701110111w&#119;Lowercase w
1201707801111000x&#120;Lowercase x
1211717901111001y&#121;Lowercase y
1221727A01111010z&#122;Lowercase z
1231737B01111011{&#123;Opening brace
1241747C01111100|&#124;Vertical bar
1251757D01111101}&#125;Closing brace
1261767E01111110~&#126;Equivalency sign (tilde)
1271777F01111111&#127;Delete

Extended ASCII Codes

Below is set of additional 128 Extended ASCII Codes according to ISO 8859-1, also called ISO Latin-1.
DECOCTHEXBINSymbolHTMLCodeDescription
1282008010000000&#128;Euro sign
1292018110000001
1302028210000010&#130;Single low-9 quotation mark
1312038310000011ƒ&#131;Latin small letter f with hook
1322048410000100&#132;Double low-9 quotation mark
1332058510000101&#133;Horizontal ellipsis
1342068610000110&#134;Dagger
1352078710000111&#135;Double dagger
1362108810001000ˆ&#136;Modifier letter circumflex accent
1372118910001001&#137;Per mille sign
1382128A10001010Š&#138;Latin capital letter S with caron
1392138B10001011&#139;Single left-pointing angle quotation
1402148C10001100Œ&#140;Latin capital ligature OE
1412158D10001101
1422168E10001110Ž&#142;Latin capital letter Z with caron
1432178F10001111
1442209010010000
1452219110010001&#145;Left single quotation mark
1462229210010010&#146;Right single quotation mark
1472239310010011&#147;Left double quotation mark
1482249410010100&#148;Right double quotation mark
1492259510010101&#149;Bullet
1502269610010110&#150;En dash
1512279710010111&#151;Em dash
1522309810011000˜&#152;Small tilde
1532319910011001&#153;Trade mark sign
1542329A10011010š&#154;Latin small letter S with caron
1552339B10011011&#155;Single right-pointing angle quotation mark
1562349C10011100œ&#156;Latin small ligature oe
1572359D10011101
1582369E10011110ž&#158;Latin small letter z with caron
1592379F10011111Ÿ&#159;Latin capital letter Y with diaeresis
160240A010100000&#160;Non-breaking space
161241A110100001¡&#161;Inverted exclamation mark
162242A210100010¢&#162;Cent sign
163243A310100011£&#163;Pound sign
164244A410100100¤&#164;Currency sign
165245A510100101¥&#165;Yen sign
166246A610100110¦&#166;Pipe, Broken vertical bar
167247A710100111§&#167;Section sign
168250A810101000¨&#168;Spacing diaeresis - umlaut
169251A910101001©&#169;Copyright sign
170252AA10101010ª&#170;Feminine ordinal indicator
171253AB10101011«&#171;Left double angle quotes
172254AC10101100¬&#172;Not sign
173255AD10101101&#173;Soft hyphen
174256AE10101110®&#174;Registered trade mark sign
175257AF10101111¯&#175;Spacing macron - overline
176260B010110000°&#176;Degree sign
177261B110110001±&#177;Plus-or-minus sign
178262B210110010²&#178;Superscript two - squared
179263B310110011³&#179;Superscript three - cubed
180264B410110100´&#180;Acute accent - spacing acute
181265B510110101µ&#181;Micro sign
182266B610110110&#182;Pilcrow sign - paragraph sign
183267B710110111·&#183;Middle dot - Georgian comma
184270B810111000¸&#184;Spacing cedilla
185271B910111001¹&#185;Superscript one
186272BA10111010º&#186;Masculine ordinal indicator
187273BB10111011»&#187;Right double angle quotes
188274BC10111100¼&#188;Fraction one quarter
189275BD10111101½&#189;Fraction one half
190276BE10111110¾&#190;Fraction three quarters
191277BF10111111¿&#191;Inverted question mark
192300C011000000À&#192;Latin capital letter A with grave
193301C111000001Á&#193;Latin capital letter A with acute
194302C211000010Â&#194;Latin capital letter A with circumflex
195303C311000011Ã&#195;Latin capital letter A with tilde
196304C411000100Ä&#196;Latin capital letter A with diaeresis
197305C511000101Å&#197;Latin capital letter A with ring above
198306C611000110Æ&#198;Latin capital letter AE
199307C711000111Ç&#199;Latin capital letter C with cedilla
200310C811001000È&#200;Latin capital letter E with grave
201311C911001001É&#201;Latin capital letter E with acute
202312CA11001010Ê&#202;Latin capital letter E with circumflex
203313CB11001011Ë&#203;Latin capital letter E with diaeresis
204314CC11001100Ì&#204;Latin capital letter I with grave
205315CD11001101Í&#205;Latin capital letter I with acute
206316CE11001110Î&#206;Latin capital letter I with circumflex
207317CF11001111Ï&#207;Latin capital letter I with diaeresis
208320D011010000Ð&#208;Latin capital letter ETH
209321D111010001Ñ&#209;Latin capital letter N with tilde
210322D211010010Ò&#210;Latin capital letter O with grave
211323D311010011Ó&#211;Latin capital letter O with acute
212324D411010100Ô&#212;Latin capital letter O with circumflex
213325D511010101Õ&#213;Latin capital letter O with tilde
214326D611010110Ö&#214;Latin capital letter O with diaeresis
215327D711010111×&#215;Multiplication sign
216330D811011000Ø&#216;Latin capital letter O with slash
217331D911011001Ù&#217;Latin capital letter U with grave
218332DA11011010Ú&#218;Latin capital letter U with acute
219333DB11011011Û&#219;Latin capital letter U with circumflex
220334DC11011100Ü&#220;Latin capital letter U with diaeresis
221335DD11011101Ý&#221;Latin capital letter Y with acute
222336DE11011110Þ&#222;Latin capital letter THORN
223337DF11011111ß&#223;Latin small letter sharp s - ess-zed
224340E011100000à&#224;Latin small letter a with grave
225341E111100001á&#225;Latin small letter a with acute
226342E211100010â&#226;Latin small letter a with circumflex
227343E311100011ã&#227;Latin small letter a with tilde
228344E411100100ä&#228;Latin small letter a with diaeresis
229345E511100101å&#229;Latin small letter a with ring above
230346E611100110æ&#230;Latin small letter ae
231347E711100111ç&#231;Latin small letter c with cedilla
232350E811101000è&#232;Latin small letter e with grave
233351E911101001é&#233;Latin small letter e with acute
234352EA11101010ê&#234;Latin small letter e with circumflex
235353EB11101011ë&#235;Latin small letter e with diaeresis
236354EC11101100ì&#236;Latin small letter i with grave
237355ED11101101í&#237;Latin small letter i with acute
238356EE11101110î&#238;Latin small letter i with circumflex
239357EF11101111ï&#239;Latin small letter i with diaeresis
240360F011110000ð&#240;Latin small letter eth
241361F111110001ñ&#241;Latin small letter n with tilde
242362F211110010ò&#242;Latin small letter o with grave
243363F311110011ó&#243;Latin small letter o with acute
244364F411110100ô&#244;Latin small letter o with circumflex
245365F511110101õ&#245;Latin small letter o with tilde
246366F611110110ö&#246;Latin small letter o with diaeresis
247367F711110111÷&#247;Division sign
248370F811111000ø&#248;Latin small letter o with slash
249371F911111001ù&#249;Latin small letter u with grave
250372FA11111010ú&#250;Latin small letter u with acute
251373FB11111011û&#251;Latin small letter u with circumflex
252374FC11111100ü&#252;Latin small letter u with diaeresis
253375FD11111101ý&#253;Latin small letter y with acute
254376FE11111110þ&#254;Latin small letter thorn
255377FF11111111ÿ&#255;
The following table shows the 16 color names that were introduced in HTML 3.2 −
Color NameHex ValueColorShow
aqua#00ffffDemo
black#000000Demo
blue#0000ffDemo
fuchsia#ff00ffDemo
green#008000Demo
gray#808080Demo
lime#00ff00Demo
maroon#800000Demo
navy#000080Demo
olive#808000Demo
purple#800080Demo
red#ff0000Demo
silver#c0c0c0Demo
teal#008080Demo
white#ffffffDemo
yellow#ffff00Demo
There are other colors which are not part of HTML or XHTML but they are supported by most of the versions of major browsers.
Color NameHex ValueColorShow
aliceblue#f0f8ffDemo
antiquewhite#faebd7Demo
aquamarine#7fffd4Demo
azure#f0ffffDemo
beige#f5f5dcDemo
bisque#ffe4c4Demo
blanchedalmond#ffebcdDemo
blueviolet#8a2be2Demo
brown#a52a2aDemo
burlywood#deb887Demo
cadetblue#5f9ea0Demo
chartreuse#7fff00Demo
chocolate#d2691eDemo
coral#ff7f50Demo
cornflowerblue#6495edDemo
cornsilk#fff8dcDemo
crimson#dc143cDemo
cyan#00ffffDemo
darkblue#00008bDemo
darkcyan#008b8bDemo
darkgoldenrod#b8860bDemo
darkgray#a9a9a9Demo
darkgreen#006400Demo
darkkhaki#bdb76bDemo
darkmagenta#8b008bDemo
darkolivegreen#556b2fDemo
darkorange#ff8c00Demo
darkorchid#9932ccDemo
darkred#8b0000Demo
darksalmon#e9967aDemo
darkseagreen#8fbc8fDemo
darkslateblue#483d8bDemo
darkslategray#2f4f4fDemo
darkturquoise#00ced1Demo
darkviolet#9400d3Demo
deeppink#ff1493Demo
deepskyblue#00bfffDemo
dimgray#696969Demo
dodgerblue#1e90ffDemo
firebrick#b22222Demo
floralwhite#fffaf0Demo
forestgreen#228b22Demo
gainsboro#dcdcdcDemo
ghostwhite#f8f8ffDemo
gold#ffd700Demo
goldenrod#daa520Demo
gray#808080Demo
greenyellow#adff2fDemo
honeydew#f0fff0Demo
hotpink#ff69b4Demo
indianred#cd5c5cDemo
indigo#4b0082Demo
ivory#fffff0Demo
khaki#f0e68cDemo
lavender#e6e6faDemo
lavenderblush#fff0f5Demo
lawngreen#7cfc00Demo
lemonchiffon#fffacdDemo
lightblue#add8e6Demo
lightcoral#f08080Demo
lightcyan#e0ffffDemo
lightgoldenrodyellow#fafad2Demo
lightgreen#90ee90Demo
lightgrey#d3d3d3Demo
lightpink#ffb6c1Demo
lightsalmon#ffa07aDemo
lightseagreen#20b2aaDemo
lightskyblue#87cefaDemo
lightslategray#778899Demo
lightsteelblue#b0c4deDemo
lightyellow#ffffe0Demo
limegreen#32cd32Demo
linen#faf0e6Demo
magenta#ff00ffDemo
mediumblue#0000cdDemo
mediumorchid#ba55d3Demo
mediumpurple#9370dbDemo
midnightblue#191970Demo
mistyrose#ffe4e1Demo
moccasin#ffe4b5Demo
oldlace#fdf5e6Demo
orange#ffa500Demo
orchid#da70d6Demo
peachpuff#ffdab9Demo
peru#cd853fDemo
pink#ffc0cbDemo
plum#dda0ddDemo
purple#800080Demo
rosybrown#bc8f8fDemo
royalblue#4169e1Demo
salmon#fa8072Demo
sandybrown#f4a460Demo
seagreen#2e8b57Demo
sienna#a0522dDemo
skyblue#87ceebDemo
slateblue#6a5acdDemo
steelblue#4682b4Demo
tan#d2b48cDemo
thistle#d8bfd8Demo
tomato#ff6347Demo
violet#ee82eeDemo
wheat#f5deb3Demo
whitesmoke#f5f5f5Demo
yellow#ffff00Demo
yellowgreen#9acd32Demo

HTML Entities

Some characters are reserved in HTML and they have special meaning when used in HTML document. For example, you cannot use the greater than and less than signs or angle brackets within your HTML text because the browser will treat them differently and will try to draw a meaning related to HTML tag.
HTML processors must support following five special characters listed in the table that follows.
SymbolDescriptionEntity NameNumber Code
"quotation mark&quot;&#34;
'apostrophe &apos;&#39;
&ampersand&amp;&#38;
<less-than&lt;&#60;
>greater-than&gt;&#62;

Example

If you want to write <div id = "character"> as a code, then you will have to write as follows −
 Live Demo
<!DOCTYPE html>
<html>

   <head>
      <title>HTML Entities</title>
   </head>

   <body>
      &lt;div id = &quot;character&quot;&gt;
   </body>

</html>
This will produce the following result −

There is also a long list of special characters in HTML 4.0. In order for these to appear in your document, you can use either the numerical codes or the entity names. For example, to insert a copyright symbol you can use either of the following −
&copy; 2007
or
&#169; 2007

ISO 8859-1 Symbol Entities

ResultDescriptionEntity NameNumber Code
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;&#8482;
¯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

ResultDescriptionEntity NameNumber Code
À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;

Other Entities Supported by HTML Browsers

ResultDescriptionEntity NameNumber Code
Œ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;

Some characters are reserved in HTML and they have special meaning when used in HTML document. For example, you cannot use the greater than and less than signs or angle brackets within your HTML text because the browser will treat them differently and will try to draw a meaning related to HTML tag.
HTML processors must support following five special characters listed in the table that follows.
SymbolDescriptionEntity NameNumber Code
"quotation mark&quot;&#34;
'apostrophe &apos;&#39;
&ampersand&amp;&#38;
<less-than&lt;&#60;
>greater-than&gt;&#62;

Example

If you want to write <div id = "character"> as a code then you will have to write as follows −
 Live Demo
<!DOCTYPE html>
<html>

   <head>
      <title>HTML Entities</title>
   </head>

   <body>
      &lt;div id = &quot;character&quot;&gt;
   </body>

</html>
This will produce the following result −
There is also a long list of special characters in HTML 4.0. In order for these to appear in your document, you can use either the numerical codes or the entity names. For example, to insert a copyright symbol you can use either of the following −
&copy; 2007
or
&#169; 2007

ISO 8859-1 Symbol Entities

ResultDescriptionEntity NameNumber Code
 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;&#8482;
¯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

ResultDescriptionEntity NameNumber Code
À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;

Other Entities Supported by HTML Browsers

ResultDescriptionEntity NameNumber Code
Œ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

No comments:

Post a Comment

Please reply through a comment. My website are very simple and achieve to goal.

Featured Post