|
|
 |
|
How to create special characters in HTML web pages
|
Looking to put the ç back in français or the é into Olé? Below is a
listing of not so common special characters that can be easily
included in your web pages. Some of these characters can also be used to spice
up your web pages without needing to use graphics.
Special characters are properly known as character entities and come
in two forms, numeric and symbolic. In both cases, the coding for these
characters always begins with an ampersand (&) and ends in a semi-colon. In
the case of numeric entities, a hash symbol immediately follows the ampersand.
Here's a couple of ways to implement them.
1) Bookmark this page for easy access and just copy and paste the special
characters where you want them to appear as you need them.
2) Paste either the numeric or symbolic code for the special characters into
the appropriate place in the HTML source code of your web page.
For example, this in your source code:
français
or
français
would appear as:
français
when viewed in a browser.
Please note that in the case of the symbolic codes for special characters
below that they are case sensitive. These special character codes should work
with most standard fonts such as Times New Roman, Verdana, Arial and Courier New
unless otherwise indicated.
| Character |
Numeric |
Symbolic |
Special Characters - Letters
|
| Á |
Á |
Á |
| Ã |
à |
à |
| Å |
Å |
Å |
| À |
À |
À |
| Â |
 |
 |
| Ä |
Ä |
Ä |
| á |
á |
á |
| ã |
ã |
ã |
| å |
å |
å |
| à |
à |
à |
| â |
â |
â |
| ä |
ä |
ä |
| Æ |
Æ |
Æ |
| æ |
æ |
æ |
| ß |
ß |
ß |
| Ç |
Ç |
Ç |
| ç |
ç |
ç |
| Ð |
Ð |
Ð |
| É |
É |
É |
| Ë |
Ë |
Ë |
| È |
È |
È |
| Ê |
Ê |
Ê |
| é |
é |
é |
| ë |
ë |
ë |
| è |
è |
è |
| ê |
ê |
ê |
| Ì |
Ì |
Ì |
| Î |
Î |
Î |
| Í |
Í |
Í |
| Ï |
Ï |
Ï |
| ì |
ì |
ì |
| î |
î |
î |
| í |
í |
í |
| ï |
ï |
ï |
| Ñ |
Ñ |
Ñ |
| ñ |
ñ |
ñ |
| Ò |
Ò |
Ò |
| Ô |
Ô |
Ô |
| Ö |
Ö |
Ö |
| Ø |
Ø |
Ø |
| Ó |
Ó |
Ó |
| Õ |
Õ |
Õ |
| ð |
ð |
ð |
| ò |
ò |
ò |
| ô |
ô |
ô |
| ö |
ö |
ö |
| ø |
ø |
ø |
| ó |
ó |
ó |
| õ |
õ |
õ |
| Ú |
Ú |
Ú |
| Ü |
Ü |
Ü |
| Ù |
Ù |
Ù |
| Û |
Û |
Û |
| ù |
ù |
ù |
| û |
û |
û |
| ú |
ú |
ú |
| ü |
ü |
ü |
| Ý |
Ý |
Ý |
| ý |
ý |
ý |
| ÿ |
ÿ |
ÿ |
| ÿ |
ÿ |
|
Special Characters -
Punctuation
|
| ¡ |
¡ |
¡ |
| , |
, |
|
| ¿ |
¿ |
¿ |
| . |
. |
|
| ¸ |
¸ |
¸ |
| „ |
|
„ |
Special Characters - Mathematical
|
| ° |
° |
° |
| ¹ |
¹ |
¹ |
| ² |
² |
² |
| ³ |
³ |
³ |
| º |
º |
º |
| ¼ |
¼ |
¼ |
| ½ |
½ |
½ |
| ¾ |
¾ |
¾ |
| ‰ |
|
‰ |
| ± |
± |
± |
| µ |
µ |
µ |
Special Characters - Currency
|
| £ |
£ |
£ |
| ¥ |
¥ |
¥ |
| $ |
$ |
|
| ¢ |
¢ |
¢ |
| ¤ |
¤ |
¤ |
| |
€ |
€ |
Special characters - Miscellaneous
|
| ^ |
^ |
|
| | |
| |
|
| Þ |
Þ |
Þ |
| þ |
þ |
þ |
| @ |
@ |
|
| § |
§ |
§ |
| © |
© |
© |
| ® |
® |
® |
| ™ |
|
™ |
| _ |
_ |
|
| |
­ |
­ |
| ¯ |
¯ |
¯ |
| · |
· |
· |
| ¨ |
¨ |
¨ |
| ¬ |
¬ |
¬ |
| « |
« |
« |
| » |
» |
» |
| ‹ |
|
‹ |
| › |
|
› |
| ~ |
~ |
|
| ¦ |
¦ |
¦ |
| ª |
ª |
ª |
| ¶ |
¶ |
¶ |
| † |
|
† |
| ‡ |
|
‡ |
| ♠ (Times
New Roman, Courier New, Arial) |
|
♠ |
| ♣ (Times
New Roman, Courier New, Arial) |
|
♣ |
| ♥ (Times
New Roman, Courier New, Arial) |
|
♥ |
| ♦ (Times
New Roman, Courier New, Arial) |
|
♦ |
| ← (Times
New Roman, Courier New, Arial) |
|
← |
| ↑ (Times
New Roman, Courier New, Arial) |
|
↑ |
| → (Times
New Roman, Courier New, Arial) |
|
→ |
| ↓ (Times
New Roman, Courier New, Arial) |
|
↓ |
Using the Windows Charmap application
Another way to select from a wide range of special
characters is to do the following (assuming that you are running Windows):
-
Go to "Start", Select "Run".
-
Type "charmap" and then click
"OK".
-
Select one of the more web friendly fonts such as
Times New Roman, Arial, Courier New or Verdana (my apologies to Mac
users) and you'll see a range of characters that you can use.
-
Click on the character that you want, click
"select", then "copy"
-
You can now paste the character/entity directly on to
your web page.
Michael Bloch
Taming the Beast.net
http://www.tamingthebeast.net
Tutorials, web content, tools and software
Web Marketing, eCommerce & Internet solutions.
____________________________
Click here to view article index
|
 |
|