HTML Symbols

HTML Tutorial

 HTML Symbols

HTML Symbols are special characters (like ©, ₹, →, ✓, ±) that are not available directly on the keyboard or may cause issues if written normally.

They are displayed using HTML entities.


 1. What Are HTML Symbols?

Symbols include:

  • Currency symbols (₹, $, €, £)

  • Mathematical symbols (±, ×, ÷, ∞)

  • Copyright & legal symbols (©, ®, ™)

  • Arrows & marks (→, ←, ✓, ✗)

They are written using entity codes so browsers display them correctly.


 2. HTML Symbol Syntax

There are two ways to write symbols:

 Named Entity

©

 Numeric Entity

©
  •  Both produce: ©

 3. Common Symbols (Must Know)

 Copyright & Legal Symbols

SymbolEntityMeaning
©©Copyright
®®Registered
™Trademark

Example:


 4. Currency Symbols

SymbolEntity
₹
$$
€
££
¥¥

Example:


 5. Mathematical Symbols

SymbolEntity
±±
××
÷÷
≤
≥
∞

Example:


6. Arrows & Direction Symbols

SymbolEntity
←
→
↑
↓
↔

Example:


 7. Check Marks & Special Signs

SymbolEntity
✓
✗
★
♥

Example:


 8. Greek Letters (Used in Math & Science)

SymbolEntity
αα
ββ
ππ
ΩΩ

Example:


9. Emoji Symbols Using HTML Codes

😀 → 😀
❤️ → ❤
🚀 → 🚀

Example:


Common Mistakes

  •  Forgetting semicolon ;
  •  Using symbols directly where entities are required
  •  Confusing symbols with HTML tags
  •  Overusing symbols unnecessarily

Key Points to Remember

  • They are written using entities

  • Entities start with & and end with ;

  • Symbols work in all browsers

  • Use numeric entities when named ones don’t exist

  • Very useful for UI, math, currency, and legal text

You may also like...