🔣 Module 10 · Entities🟡 IntermediateLESSON 39 · MODULE FINAL

HTML Entities & Symbols

⏱️ 12 min read

📖 Theory + Code

🧩 5 Quiz Questions

🏗️ 1 Challenge

Course progress15%

🎯 What you'll learn: Why HTML entities exist, the most common named entities, and numeric character references for anything without a name.

Section 1

Why Entities Exist

Characters like < and > are reserved — the browser uses them to recognize tags. If you want to display a literal < in your text, typing it directly would confuse the parser. Entities are the escape hatch: a text sequence that the browser renders as the actual character.

reserved-chars.html

HTML

<!-- Wrong: browser thinks this is a tag -->
<p>Use x < 10</p>

<!-- Right: entity for the reserved character -->
<p>Use x &lt; 10</p>

Section 2

Common Named Entities

™

€

→

←

(nbsp)

–

💡

  is a non-breaking space

It renders as a regular space but prevents a line break at that point — useful for keeping "10 km" or "Mr. Smith" from wrapping awkwardly across two lines.

Section 3

Numeric Character References

Not every character has a memorable name. Numeric references use a character's Unicode code point instead — decimal with &# or hexadecimal with &#x.

numeric-entities.html

HTML

<!-- Decimal -->
<p>&#169; 2026 BitWithBite</p>

<!-- Hexadecimal -->
<p>&#x1F600; <!-- an emoji --></p>

Type	Example	When to use
Named entity	©	Most readable, use when a name exists
Decimal reference	©	When there's no named entity
Hex reference	©	Same as decimal, often used for emoji/Unicode

🧩 Knowledge Check — Lesson 39

5 questions to test your understanding.

1. Why do HTML entities exist?

2. Which entity represents the less-than sign?

3. What does   do?

4. When should you use a numeric character reference instead of a named one?

5. What's the correct entity for the copyright symbol?

💪

Coding Challenge — Lesson 39

Apply what you learned · Intermediate Level

Challenge: Build an Invoice Footer

Write a footer paragraph reading: "© 2026 BitWithBite™ — Prices in € and £ available. Use x < 10 for the discount code." using proper entities throughout.

💡 Show hints if you're stuck

✅

Module 10 Complete!

You can now handle any special character correctly. Next up: Advanced Accessibility with ARIA.

Finished this lesson?

Mark it complete to track your progress.

Lesson 39 of 62Module 10 — HTML Entities

HTML Entities & Symbols

Why Entities Exist

Common Named Entities

Numeric Character References

Lesson 39 Complete — Module 10 Finished!