× Introduction HTML Editors Web Components Headings Paragraph Attributes Entities Images Comments Formatting Links File Paths Book Marks Image Links Unordered Lists Ordered Lists Tables Forms Other Form Elements Semantic tags Media Div and Span Examples Projects eBooks









HTML5 Character Entities

In this tutorial you will learn how to use HTML entities to display special characters and symbols.

Character Entities:

HTML entities (also known as character entity references) enable you to add a wide range of characters to an HTML document. Characters ranging from icons, mathematical operators, geometric shapes, arrows, multilingual scripts, and much more, can be displayed in a web page by adding a small line of text.

Some characters are reserved in HTML. For example, you cannot use the greater than or less than signs within your text because the browser could mistake them for markup. If you want the browser to actually display these characters, you must insert character entities in the HTML source.

A character entity looks like this: &entity_name; or &#entity_number;To display a less than sign(<), you must write: &lt; or &#60;

Popular HTML entities:

Result Description Entity Name Numerical reference
  non-breaking space &nbsp; &#160;
bullet point &bull; &#8226;
& ampersand &amp; &#38;
" quotation mark &quot; &#34;
< less than &lt; &#60;
> greater than &gt; &#62;
' apostrophe &apos; &#39;
¢ cent &cent; &#162;
£ pound &pound; &#163;
¥ yen &yen; &#165;
euro &euro; &#8364;
© copyright &copy; &#169;
® registered trademark &reg; &#174;
trademark &trade; &#8482;
white star &star; &#9734;
check mark &check; &#10003;
ballotx &cross; &#10007;

Example:   Try It

 
<h1>Sri Ramanuja e-Patashala &reg;</h1>
<p>Sri Ramanuja Media Design will bring your company's Web presence to
the next level. We offer a comprehensive range of services . </p>

Result:

Sri Ramanuja e-Patashala ®

Sri Ramanuja Media Design will bring your company’s Web presence to the next level. We offer a comprehensive range of services .


Practice exercise:

1.Write an html code to display the web page as follows. View


Sri Hari Book Store ™

✓ Mission

"sriharibookstore.com is committed to bringing the most convenient, easy and secure shopping experience on the web."

✓ Products

10 Million Books across 20+ Languages, Audio Books, Gadgets & Accessories, Toys, Electronics, Mobiles & Tablets Accessories, Health Care Devices and Many More Stores.

✓ Highlights

sriharibookstore.com has been awarded the most promising Start-Up company 2013.

The Most Prompt Customer Service & Support 2013-2014.

India's largest Book Warehouse - India Book of Records 2013 -2014.

• Sri Hari Book Storea©       • Beach Road, Karwar       • www.srirep.in