HTML Entities Tutorial for Beginners

What Are HTML Entities?

HTML entities are special character codes used to display reserved characters and symbols in a web page. Some characters, such as less than < and greater than >, have special meaning in HTML, so they must be written as entities when you want to show them as text.

<p>This displays a paragraph tag as text.</p>

HTML Entity Syntax

An HTML entity usually starts with an ampersand & and ends with a semicolon ;. You can use named entities or numeric character references.

&entityName;

&#entityNumber;

&#xhexNumber;

Named entities are easier to read, while numeric entities are useful when a named entity is not available.

Top 10 Most Used HTML Entities

The following table shows the most commonly used HTML entities beginners should know. These entities help display reserved characters, spaces, currency symbols, and common typographic symbols safely in HTML.

Reserved Characters in HTML

Some characters are reserved in HTML because browsers use them to understand tags, attributes, and markup. When you want to display these characters as text, use entities.

<h1>HTML Entities</h1>

&

"HTML Tutorial"

This helps prevent the browser from treating your text as actual HTML code.

Named Entities vs Numeric Entities

HTML supports both named entities and numeric entities. Named entities are easier for humans to understand, while numeric entities can represent many Unicode characters.

How to Display HTML Code as Text

If you want to show HTML tags inside a tutorial, blog post, or documentation page, you must escape the less-than and greater-than characters.

<p>This is a paragraph.</p>

The browser displays it like this:

<p>This is a paragraph.</p>

Non-Breaking Space in HTML

The   entity creates a space that prevents words from breaking across lines. It is useful for keeping related words or numbers together.

HTML Tutorial

10 GB

Mr. Smith

Use   carefully. For general spacing and layout, CSS is usually the better choice.

Currency and Symbol Entities

HTML entities are also useful for displaying currency symbols, math symbols, and typographic symbols.

$100

€50

£40

¥5000

© 2026 PHPKINGDOM

HTML Entities for SEO and Accessibility

HTML entities help display characters correctly, but they should be used only when needed. Clean and readable content is better for users, search engines, and assistive technologies.

• Use entities for reserved characters like <, >, and &.
• Use real readable text where possible instead of unnecessary symbols.
• Use semantic HTML tags along with entities for better structure.
• Avoid using many   entities for layout spacing.
• Use CSS for visual spacing and alignment.

Common HTML Entity Mistakes

• Forgetting the semicolon at the end of an entity.
• Using   repeatedly instead of CSS spacing.
• Typing < and > directly when displaying code examples.
• Using symbols without checking browser or encoding support.
• Mixing too many entity styles when one consistent style is better.

Key Takeaways

• HTML entities display reserved characters and special symbols safely.
• Entities usually start with & and end with ;.
• Use < and > to display HTML tags as text.
• Use   only when a non-breaking space is needed.
• For layout spacing, use CSS instead of multiple spaces or entities.