Home arrow HTML arrow Page 5 - HTML: Working with Special Characters
HTML

HTML: Working with Special Characters


In the last article we discussed formatting, colors, and working with backgrounds. In this episode, we'll learn how to work with links and special characters, called Entities, in HTML.

Author Info:
By: James Payne
Rating: 4 stars4 stars4 stars4 stars4 stars / 2
February 13, 2008
TABLE OF CONTENTS:
  1. · HTML: Working with Special Characters
  2. · Linking to Someone Else’s Website
  3. · Opening a Link In a New Window
  4. · How to Create a Mailto Link
  5. · Special Characters/Entities in HTML

print this article
SEARCH DEVARTICLES

TOOLS YOU CAN USE

advertisement
HTML: Working with Special Characters - Special Characters/Entities in HTML
(Page 5 of 5 )

  

Result

Entity Name

Entity Number

Result

Entity Name

Entity Number

Result

Entity Name

Entity Number

"

"

"

Ð

Ð

Ð

È

È

È

'

' (does not work in IE)

'

Ñ

Ñ

Ñ

É

É

É

&

&

&

Ò

Ò

Ò

Ê

Ê

Ê

<

&lt;

&#60;

Ó

&Oacute;

&#211;

Ë

&Euml;

&#203;

>

&gt;

&#62;

Ô

&Ocirc;

&#212;

Ì

&Igrave;

&#204;

non-breaking space

&nbsp;

&#160;

Õ

&Otilde;

&#213;

Í

&Iacute;

&#205;

¡

&iexcl;

&#161;

Ö

&Ouml;

&#214;

Î

&Icirc;

&#206;

¤

&curren;

&#164;

Ø

&Oslash;

&#216;

Ï

&Iuml;

&#207;

¢

&cent;

&#162;

Ù

&Ugrave;

&#217;

&rdquo;

&#8221;

£

&pound;

&#163;

Ú

&Uacute;

&#218;

&bdquo;

&#8222;

¥

&yen;

&#165;

Û

&Ucirc;

&#219;

&dagger;

&#8224;

¦

&brvbar;

&#166;

Ü

&Uuml;

&#220;

&Dagger;

&#8225;

§

&sect;

&#167;

Ý

&Yacute;

&#221;

&hellip;

&#8230;

¨

&uml;

&#168;

Þ

&THORN;

&#222;

&permil;

&#8240;

©

&copy;

&#169;

ß

&szlig;

&#223;

&lsaquo;

&#8249;

ª

&ordf;

&#170;

à

&agrave;

&#224;

&rsaquo;

&#8250;

«

&laquo;

&#171;

á

&aacute;

&#225;

&euro;

&#8364;

¬

&not;

&#172;

â

&acirc;

&#226;

&ldquo;

&#8220;

­

&shy;

&#173;

ã

&atilde;

&#227;

ˆ

&circ;

&#710;

®

&reg;

&#174;

ä

&auml;

&#228;

˜

&tilde;

&#732;

&trade;

&#8482;

å

&aring;

&#229;

en space

&ensp;

&#8194;

¯

&macr;

&#175;

æ

&aelig;

&#230;

em space

&emsp;

&#8195;

°

&deg;

&#176;

ç

&ccedil;

&#231;

thin space

&thinsp;

&#8201;

±

&plusmn;

&#177;

è

&egrave;

&#232;

zero width non-joiner

&zwnj;

&#8204;

²

&sup2;

&#178;

é

&eacute;

&#233;

zero width joiner

&zwj;

&#8205;

³

&sup3;

&#179;

ê

&ecirc;

&#234;

left-to-right mark

&lrm;

&#8206;

´

&acute;

&#180;

ë

&euml;

&#235;

right-to-left mark

&rlm;

&#8207;

µ

&micro;

&#181;

ì

&igrave;

&#236;

&ndash;

&#8211;

&para;

&#182;

í

&iacute;

&#237;

&mdash;

&#8212;

·

&middot;

&#183;

î

&icirc;

&#238;

&lsquo;

&#8216;

¸

&cedil;

&#184;

ï

&iuml;

&#239;

&rsquo;

&#8217;

¹

&sup1;

&#185;

ð

&eth;

&#240;

&sbquo;

&#8218;

º

&ordm;

&#186;

ñ

&ntilde;

&#241;

À

&Agrave;

&#192;

»

&raquo;

&#187;

ò

&ograve;

&#242;

Á

&Aacute;

&#193;

¼

&frac14;

&#188;

ó

&oacute;

&#243;

Â

&Acirc;

&#194;

½

&frac12;

&#189;

ô

&ocirc;

&#244;

Ã

&Atilde;

&#195;

¾

&frac34;

&#190;

õ

&otilde;

&#245;

Ä

&Auml;

&#196;

¿

&iquest;

&#191;

ö

&ouml;

&#246;

Å

&Aring;

&#197;

×

&times;

&#215;

ø

&oslash;

&#248;

Æ

&AElig;

&#198;

÷

&divide;

&#247;

ù

&ugrave;

&#249;

Ç

&Ccedil;

&#199;

ú

&uacute;

&#250;

Œ

&OElig;

&#338;

ÿ

&yuml;

&#255;

û

&ucirc;

&#251;

œ

&oelig;

&#339;

ý

&yacute;

&#253;

ü

&uuml;

&#252;

Š

&Scaron;

&#352;

þ

&thorn;

&#254;

š

&scaron;

&#353;

Ÿ

&Yuml;

&#376;




An entity is made up of three parts: the ampersand (&), the name of the entity or the # symbol followed by the number of the entity, and ending in a semicolon. To write a double quote in html, you would use either &quot; or &#34;

Lastly, the &nbsp; entity creates a non-breakable space. If you write something like “Hi there are three spaces,” HTML will automatically remove those spaces. In addition to using the preformatted text tag, we can use &nbsp; entity to force the spaces to stay. If I wrote this code:


<html>

<body>


<p>Hi &nbsp;nbsp; there are three spaces</p>



</body>

</html>

It would display: “Hi   there are three spaces”, as I had intended.

Well that’s it for this tutorial. In our next exciting episode, we will learn to work with Frames and tables. So be sure to check back often for the next installment.

Till then…


DISCLAIMER: The content provided in this article is not warranted or guaranteed by Developer Shed, Inc. The content provided is intended for entertainment and/or educational purposes in order to introduce to the reader key ideas, concepts, and/or product reviews. As such it is incumbent upon the reader to employ real-world tactics for security and implementation of best practices. We are not liable for any negative consequences that may result from implementing any information covered in our articles or tutorials. If this is a hardware review, it is not recommended to open and/or modify your hardware.

blog comments powered by Disqus
HTML ARTICLES

- HTML5 Boilerplate: Working with jQuery and M...
- HTML5 Boilerplate Introduction
- New API Platform for HTML5
- BBC Adopts HTML 5, Mozilla Addresses Issues
- Advanced Sticky Footers in HTML and CSS
- HTML and CSS Sticky Footers
- Strategy Analytics Predicts HTML5 Phones to ...
- HTML5 Guidelines for Web Developers
- Learning HTML5 Game Programming
- More Engaging CSS3 and HTML Background Effec...
- Engaging HTML and CSS3 Background Effects
- More Web Columns with CSS3 and HTML
- Columns with CSS3 and HTML
- Creating Inline-Block HTML Elements with CSS
- Drag and Drop in HTML5: Parsing Local Files

Dev Articles Forums 
 RSS  Articles
 RSS  Forums
 RSS  All Feeds
Weekly Newsletter
 
Developer Updates  
Free Website Content 
Contact Us 
Site Map 
Privacy Policy 
Support 



© 2003-2012 by Developer Shed. All rights reserved. DS Cluster 6 - Follow our Sitemap
Popular Web Development Topics
All Web Development Tutorials