The ASCII Chart

What is an ASCII chart?

Character mapAn ASCII Chart is a simple way to keep a list ofwhat all the printable, or displayable charactersare. All computers store information as a set of 1's and 0's (bits), not as actual characters. Agroup of eight (8) bits make a byte. Believe itor not, four bits actually make a nibble and twonibbles make a byte. Pay attention, there is goingto be a test on this. ;-)

To keep things simple, if you count from 0 up to254, 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 thingssort 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 wouldbe considered sorted:
100 5 9 X Y Z a b c
Of course, most sort routines allow you to overide what isconsidered 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 mustplace a line such as this in the HEAD section of your document. This isthe 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 ondisplaying 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 wouldlook 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&circ;&#128;
129&#129;
130&#130;
131&fnof;&#131;
132&#132;
133&#133;
134&#134;
135&#135;
136&circ;&#136;
137&#137;
138&Scaron;&#138;
139&#139;
140&OElig;&#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&tilde;&#152;
153&#153;
154&scaron;&#154;
155&#155;
156&oelig;&#156;
157&#157;
158ž&#158;
159&Yuml;&#159;
160 &#160;
161&iexcl;&#161;
162¢&#162;
163£&#163;
164¤&#164;
165&yen;&#165;
166¦&#166;
167§&#167;
168&uml;&#168;
169©&#169;
170&ordf;&#170;
171«&#171;
172¬&#172;
173­&#173;
174®&#174;
175&macr;&#175;
176°&#176;
177±&#177;
178²&#178;
179³&#179;
180´&#180;
ASCII SHOWS HTML
181µ&#181;
182&#182;
183·&#183;
184&cedil;&#184;
185¹&#185;
186&ordm;&#186;
187»&#187;
188&frac14;&#188;
189&frac12;&#189;
190&frac34;&#190;
191&iquest;&#191;
192&Agrave;&#192;
193&Aacute;&#193;
194&Acirc;&#194;
195&Atilde;&#195;
196&Auml;&#196;
197&Aring;&#197;
198&AElig;&#198;
199&Ccedil;&#199;
200&Egrave;&#200;
201&Eacute;&#201;
202&Ecirc;&#202;
203&Euml;&#203;
204&Igrave;&#204;
205&Iacute;&#205;
206&Icirc;&#206;
207&Iuml;&#207;
208&ETH;&#208;
209&Ntilde;&#209;
210&Ograve;&#210;
211&Oacute;&#211;
212&Ocirc;&#212;
213&Otilde;&#213;
214&Ouml;&#214;
215×&#215;
216&Oslash;&#216;
217&Ugrave;&#217;
218&Uacute;&#218;
219&Ucirc;&#219;
220&Uuml;&#220;
221&Yacute;&#221;
222&THORN;&#222;
223&szlig;&#223;
224&agrave;&#224;
225&aacute;&#225;
226&acirc;&#226;
227&atilde;&#227;
228&auml;&#228;
229&aring;&#229;
230&aelig;&#230;
231&ccedil;&#231;
232&egrave;&#232;
233&eacute;&#233;
234&ecirc;&#234;
235&euml;&#235;
236&igrave;&#236;
237&iacute;&#237;
238&icirc;&#238;
239&iuml;&#239;
240&eth;&#240;
241&ntilde;&#241;
242&ograve;&#242;
243&oacute;&#243;
244&ocirc;&#244;
245&otilde;&#245;
246&ouml;&#246;
247&divide;&#247;
248&oslash;&#248;
249&ugrave;&#249;
250&uacute;&#250;
251&ucirc;&#251;
252&uuml;&#252;
253&yacute;&#253;
254&thorn;&#254;


Related Articles

  • The ASCII Chart
    An 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 1s and 0s (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 nibbl.....
  • 5 Intelligent Tips on how to Create a Website
    In all spectrum, the creation of something out of nothing can spectacular and challenging task all at the same time. Spectacular because you are able to produce something out of generally nothing and challenging because of the ways and means that one needs to take in order to complete the process.
  • Introduction to .htaccess
    .htaccess is a Unix/Linux based file for Apache web servers that allow you to change access permissions and many other things for files on your web server.
    To make a .htaccess file, open up an html editor, preferably notepad, and enter your commands(each on a seperate line). When saving your file...
  • Log File Analysis for SEO
    This article is a very authoritative account of all the information you can derive from your websites traffic statistics. The author lists each stat then shows you the several things you can learn from it.
  • Web Safe Colours
    Web Safe A web safe colour is one that will display correctly on any screen, irrespective of the operating system or graphics card. There are only 216 web safe colours. You can use other colours, but you cannot be sure they will display correctly. A general rule of thumb is: if possible use
  • Web Designing: Color It Right
    Color choices for your web design is, in a way, choosing not what color you feel like but choosing what
  • Psychological Impact Of Website Colors
    I have spent a great deal of time surfing the internet with a critical eye bent on the psychological impact of websites to the viewer. I have attempted to feel the verbiage and color choices of certain websites in how they make the visitor feel emotionally...
  • String Functions
    This tutorial will teach you all of the basic string functions available in ASP using VBScript. I will keep things concise as possible. The following is a list of the functions and an example of each.
  • 5 Ways to Tell If You Need a New Web Site
    I just recently created my fifth website in ten years. Why? Because it was time. I have changed and needed a new reflection on the internet. A new website gives you the opportunity to rethink, re-choose, reposition and rebrand. Here are some of the signs that its time for a new one.
  • Gain More Web Site Control With .htaccess!
    There are many tools of the trade in the world of Web site development, but very few have as many good uses as your .htaccess file. What, you dont have one? Ill admit, information on these little darlings are confusing to some and hard to find...

Contact Web Design Outsource and get started today

Need Website Designing, Development, Redesigning, Maintenance and SEO services or help growing your company's web presence? Request a free Quote Now.