CHARSET (HTML PLUS) CODES

Alpha-Numeric and Other Keyboard Symbols

"HTML Plus" consists of character set codes. People commonly (and erroneously) refer to them as "Charset." The term "Charset" is simply cyber-shorthand for "character set." One of the character sets has its own name: "ascii"

Why do we need to use these special codes? When we build webpages and want various keyboard symbols, especially the < and the > brackets to show up with the regular text, using HTML Plus and/or ascii codes is much more reliable than using the HTML <xmp> and </xmp> or other such tags. Charsets do not change the font style, like the xmp tags do. When we use the latter, these tags also provide a double line break, which may or may not be desirable. Charsets fit right in with the rest of the text on the same line.

Another reason for using Charsets is because when we use the "alt" key plus another key, not all browsers translate it the same way. So, bottom line: if you want your viewers to see what you see, use Charsets or ascii codes!




ENGLISH LETTERS Upper and lower case. (For Charsets for Spanish, French, etc languages using special symbols, see the link below.)

NUMERALS.

KEYBOARD SYMBOLS: that appear as we type the numerical keys with the shift key, and the special symbols keys.

ALTERNATE SYMBOLS: alt key plus any other key.
This series has not been standardized for cross-browser platforms. Different browsers will translate these codes differently.

For printer-friendly versions of the following charts, see the links at page bottom.

When you type the code on your webpage,


BE SURE TO LEAVE NO SPACES.


CHARSET CONVERSION CHART - LETTERS
lower case Codes Upper Case Codes
a &#97; A &#65;
b &#98; B &#66;
c &#99; C &#67;
d &#100; D &#68;
e &#101; E &#69;
f &#102; F &#69;
g &#103; G &#69;
h &#104; H &#70;
i &#105; D &#71;
j &#106; J &#72;
k &#107; K &#73;
l &#108; L &#74;
m &#109; M &#75;
n &#110; N &#76;
o &#111; O &#77;
p &#112; P &#78;
q &#113; Q &#79;
r &#114; R &#80;
s &#115; S &#81;
t &#116; T &#82;
u &#117; U &#83;
v &#118; V &#84;
w &#119; W &#85;
x &#120; X &#86;
y &#121; Y &#87;
z &#122; Z &#88;


NUMERALS
Symbols Codes Symbols Codes
0 &#48; 5 &#53;
1 &#49; 6 &#54;
2 &#50; 7 &#55;
3 &#51; 8 &#56;
4 &#52; 9 &#57;


KEYBOARD SYMBOLS
Using Lower Case and Shift Keys
Symbols Codes Symbols Codes
space &#32; [ &#91;
~ &#126; ] &#93;
! &#33; { &#123;
@ &#64; } &#125;
# &#35; \ &#92;
$ &#36; / &#47;
% &#37; | &#166;
^ &#94; ; &#59;
& &#38; : &#58;
* &#42; ' &#39;
( &#40; " &#34;
) &#41; , &#44;
- &#45; . &#46;
_ &#95; < &#60;
= &#61; > &#62;
+ &#43; ? &#63;


Now we come to the alternate characters and symbols (alt key plus any other key). The chart below shows which ones you can see with whichever browser you are using.

ALTERNATE KEYBOARD SYMBOLS
Alt Key Plus Any Other Key
Symbols Codes Symbols Codes
non-break-
ing space
&#160;
super-
script 2
&#178;
&#161;
super-
script 3
&#179;
&#162;
acute
accent
&#180;
&#163;
micron
&#181;

currency
&#164;
paragraph
&#182;

yen
&#165;
middle
dot
&#183;

broken
bar
&#166;

cedilla
&#184;

section
&#167;
super-
script 1
&#185;

diaeresis
&#168;
masculine
ordinal
&#186;
&#169;
right
double
brackets
&#187;

feminine
ordinal
&#170; &#188;

left
double
brackets
&#171; &#189;

not
&#172; &#190;

soft
hyphen
&#173; &#191;
&#174;
multipli-
cation
&#215;

macron
&#175;
division
&#247;

degree
&#176;
plus-
minus
&#177;


CHARSET SERIES 127-159
Symbols Codes Symbols Codes
&#128; ' &#145;
? &#129; ' &#146;
&#130; " &#147;
&#132; " &#148;
&#133; &#149;
&#134; &#150;
&#135; &#151;
&#131; &#152;
&#136; &#153;
&#137; &#154;
&#138; &#155;
&#139; &#156;
&#140; &#159;


Special Characters

A great chart that probably has all the special characters known.

WWWC's Language Chart shows the charset code numbers for various languages, to be used in a special meta tag in the head of a webpage. This tag tells the browser which language is used in that webpage.

For Hebrew letters and a few other special symbols
click here.

Links to printer-friendly charts below

Letters ~ Numerals
Keyboard Symbols
Alternate Symbols
Series 127 ~ Tutorial by Flo
W3C's massive chart
Fillster's with math & music
Unicode Music symbols
Special symbols, such as hearts

Thursday 17th of August 2017 07:13:11 PM

See Flo's Other Tutes


by
~ Arbor Hosting ~