Previous

HTML Symbols

HTML symbols allow the representation of special characters that might not be directly available on the keyboard or have special meanings in HTML. They can be included using entity names or numbers to ensure proper display and avoid conflicts.

Syntax

HTML symbols can be included in two ways:

  1. Entity Name: &entityName;
  2. Entity Number: &#entityNumber;

Example:

  • © or © for the copyright symbol.

Table: Common HTML Symbols

Symbol HTML Entity Name HTML Entity Number Description Example Code
© &copy; © Copyright symbol <p>&copy; 2024 Company</p>
® &reg; ® Registered trademark <p>&reg; Brand Name</p>
™ &trade; ™ Trademark symbol <p>&trade; Company</p>
€ &euro; € Euro currency <p>Cost: &euro;50</p>
£ &pound; £ British pound symbol <p>Price: &pound;100</p>
¥ &yen; ¥ Japanese yen currency <p>Cost: &yen;1000</p>
± &plusmn; ± Plus-minus symbol <p>Tolerance: &plusmn;3%</p>
√ &radic; √ Square root symbol <p>√16 = 4</p>
∞ &infin; ∞ Infinity symbol <p>Value: ∞</p>
→ &rarr; → Right arrow <p>Next &rarr;</p>
← &larr; ← Left arrow <p>&larr; Previous</p>
♥ &hearts; ♥ Heart symbol <p>&hearts; Love</p>
• &bull; • Bullet point <p>&bull; List Item</p>

 

Example 1: Reserved and Special Characters

<!DOCTYPE html>
<html>
<head>
  <title>HTML Symbols Example</title>
</head>
<body>
  <p>&copy; 2024 All Rights Reserved.</p>
  <p>Price: &euro;100</p>
  <p>Back to Home: &larr;</p>
</body>
</html>

Example 2: Mathematical Symbols

<!DOCTYPE html>
<html>
<head>
  <title>Math Symbols</title>
</head>
<body>
  <p>Tolerance: &plusmn;5%</p>
  <p>Square Root: &radic;25 = 5</p>
  <p>Infinity: &infin;</p>
</body>
</html>

 

Summary

HTML symbols allow developers to include special characters and symbols in web pages safely and accurately. By using the entity names or numbers, symbols like mathematical operators, currency signs, and arrows can be displayed properly. Refer to the table above for quick and easy usage of common HTML symbols in your projects.

Previous