HTML Entities & Symbols

Reserved characters, symbols and emojis.

✍️ 3 exercises + code challenge in this lesson

Some characters are reserved in HTML. To display them, use character entities:

  • &lt; → < (less than)
  • &gt; → > (greater than)
  • &amp; → & (ampersand)
  • &quot; → " (double quote)
  • &nbsp; → a non-breaking space
  • &copy; → © and &reg; → ®

Symbols can also be written by number, e.g. &#8364; → €. Emojis are just characters too; with <meta charset="UTF-8"> you can type them directly.

Key Takeaways: HTML Entities & Symbols

Mastering HTML Entities & Symbols helps you write clean and reliable HTML code. Follow standard conventions, test edge cases, and keep logic simple. Try running the code example below and complete the exercises to build confidence.

HTML Entities & Symbols Code Example

HTML
<meta charset="UTF-8">
<p>To write a tag, use &lt;p&gt; in your code.</p>
<p>Tom &amp; Jerry</p>
<p>&copy; 2026 CodesInTech &reg;</p>
<p>Price: &#8364;20 or &#163;17</p>
<p>Arrows: &larr; &uarr; &rarr; &darr;</p>
<p>Emojis: 😀 🚀 💻 &#128512;</p>
Free sign-in required · Google login available

HTML Entities & Symbols Practice Exercises

Check what you learned in “HTML Entities & Symbols”.

/ 3 solved
Fill in the blank

Write the entity for the "less than" sign.

<p>5  10</p>
✓ Correct! Not quite. Try again.
Multiple choice

Which entity displays the © symbol?

✓ Correct! Not quite. Try again.
Code challenge

Show the text "Tom & Jerry" using the &amp; entity.

Write the code in the live editor. Your answer is checked automatically.

Free sign-in required · Google login available

to save your exercise progress.
Finished this lesson?
Mark it complete to track your progress.

Stuck on something?

Ask the community in the CodesInTech forum.

Need a developer?

Learning on your own is great — and when you need professional help, our team builds custom software, websites and mobile apps for clients worldwide.

Explore Our Services