Learn HTML step-by-step from A to Z or improve your professional skills.  Home HTML and CSS Tutorials The ASCII Chart
Your Ad Here

The ASCII Chart


What is an ASCII chart?

Character mapAn ASCII Chart is a simple way to keep a list of what all the printable, or displayable characters are. All computers store information as a set of 1's and 0's (bits), not as actual characters. A group of eight (8) bits make a byte. Believe it or not, four bits actually make a nibble and two nibbles make a byte. Pay attention, there is going to be a test on this. ;-)

To keep things simple, if you count from 0 up to 254, here are some milestones:

  • 32 is a space
  • 48 to 57 are our numbers 0-9
  • 65 to 90 are the capital letters A-Z
  • 97 to 122 are the lowercase letters a-z
There is method to this madness. Ever wonder why things sort the way they do on your computer? It is really a numerical sort, but not using numbers the way we use them! That is why on many systems, this would be considered sorted:
100 5 9 X Y Z a b c
Of course, most sort routines allow you to overide what is considered the true ASCII sort sequence.

Characters do not appear the same on all computers. Why?

In order to control exactly what characters are displayed for each code, instead of allowing things to default to a browser's settings, you must place a line such as this in the HEAD section of your document. This is the actual setting for this page:

<META http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

What do I need an ASCII chart for anyway?

As you might have already noticed in the tutorial on displaying special characters, that you can display certain characters such as:

< & > or ©

So instead we use special codes to do what is above.

&#60; &#38; &#62; or &#169;

Having a chart like this can be a great timesaver when you need to know what number makes what character.

How do I use this chart?

If you want to display the © (copyright) symbol, you would look for it on the chart under SHOWS, and then use the code under HTML. In this example that would be &#169;

ASCII SHOWS HTML
32 &#32;
33!&#33;
34"&#34;
35#&#35;
36$&#36;
37%&#37;
38&&#38;
39'&#39;
40(&#40;
41)&#41;
42*&#42;
43+&#43;
44,&#44;
45-&#45;
46.&#46;
47/&#47;
480&#48;
491&#49;
502&#50;
513&#51;
524&#52;
535&#53;
546&#54;
557&#55;
568&#56;
579&#57;
58:&#58;
59;&#59;
60<&#60;
61=&#61;
62>&#62;
63?&#63;
64@&#64;
65A&#65;
66B&#66;
67C&#67;
68D&#68;
69E&#69;
70F&#70;
71G&#71;
72H&#72;
73I&#73;
74J&#74;
75K&#75;
76L&#76;
77M&#77;
78N&#78;
79O&#79;
80P&#80;
81Q&#81;
82R&#82;
83S&#83;
84T&#84;
85U&#85;
86V&#86;
87W&#87;
88X&#88;
89Y&#89;
90Z&#90;
91[&#91;
92 &#92;
93]&#93;
94^&#94;
95_&#95;
96`&#96;
97a&#97;
98b&#98;
99c&#99;
100d&#100;
101e&#101;
102f&#102;
103g&#103;
104h&#104;
105i&#105;
106j&#106;
ASCII SHOWS HTML
107k&#107;
108l&#108;
109m&#109;
110n&#110;
111o&#111;
112p&#112;
113q&#113;
114r&#114;
115s&#115;
116t&#116;
117u&#117;
118v&#118;
119w&#119;
120x&#120;
121y&#121;
122z&#122;
123{&#123;
124|&#124;
125}&#125;
126~&#126;
127&#127;
128ˆ&#128;
129&#129;
130&#130;
131ƒ&#131;
132&#132;
133&#133;
134&#134;
135&#135;
136ˆ&#136;
137&#137;
138Š&#138;
139&#139;
140Œ&#140;
141&#141;
142Ž&#142;
143&#143;
143&#143;
144&#144;
145&#145;
146&#146;
147&#147;
148&#148;
149&#149;
150&#150;
151&#151;
152˜&#152;
153&#153;
154š&#154;
155&#155;
156œ&#156;
157&#157;
158ž&#158;
159Ÿ&#159;
160 &#160;
161¡&#161;
162¢&#162;
163£&#163;
164¤&#164;
165¥&#165;
166¦&#166;
167§&#167;
168¨&#168;
169©&#169;
170ª&#170;
171«&#171;
172¬&#172;
173­&#173;
174®&#174;
175¯&#175;
176°&#176;
177±&#177;
178²&#178;
179³&#179;
180´&#180;
ASCII SHOWS HTML
181µ&#181;
182&#182;
183·&#183;
184¸&#184;
185¹&#185;
186º&#186;
187»&#187;
188¼&#188;
189½&#189;
190¾&#190;
191¿&#191;
192À&#192;
193Á&#193;
194Â&#194;
195Ã&#195;
196Ä&#196;
197Å&#197;
198Æ&#198;
199Ç&#199;
200È&#200;
201É&#201;
202Ê&#202;
203Ë&#203;
204Ì&#204;
205Í&#205;
206Î&#206;
207Ï&#207;
208Ð&#208;
209Ñ&#209;
210Ò&#210;
211Ó&#211;
212Ô&#212;
213Õ&#213;
214Ö&#214;
215×&#215;
216Ø&#216;
217Ù&#217;
218Ú&#218;
219Û&#219;
220Ü&#220;
221Ý&#221;
222Þ&#222;
223ß&#223;
224à&#224;
225á&#225;
226â&#226;
227ã&#227;
228ä&#228;
229å&#229;
230æ&#230;
231ç&#231;
232è&#232;
233é&#233;
234ê&#234;
235ë&#235;
236ì&#236;
237í&#237;
238î&#238;
239ï&#239;
240ð&#240;
241ñ&#241;
242ò&#242;
243ó&#243;
244ô&#244;
245õ&#245;
246ö&#246;
247÷&#247;
248ø&#248;
249ù&#249;
250ú&#250;
251û&#251;
252ü&#252;
253ý&#253;
254þ&#254;



Author's URL: Jeff Singer
Thank you for voting.
Rate this Materials:
Bad 
1 2 3 4 5 Excellent
print this page subscribe to newsletter subscribe to rss

HTML is Hyper Text Markup Language that is used to make hypermedia and hypertext documents for the Web. More HTML and CSS: Most Popular Materials | Fresh Materials | More HTML Tutorials at Markuptutorials.com

Add comments to "The ASCII Chart"

Only registered users can write comment

No comments yet...