Demon Tech Roadmap

HTML

HTML Symbols

HTML symbols display mathematical and currency characters.

Read Time

5 min read

Difficulty

Beginner

Last Updated

Jun 15, 2026

Version

v1.0.0

Introduction

HTML uses entity codes to display symbols missing from standard keyboards. The browser reads the entity code and outputs the visual symbol. Developers use these for currencies, arrows, and math symbols.

Syntax

1<!-- symbol syntax -->
2<p>&euro; 50</p>

Example

1<!-- this shows symbols -->
2<!DOCTYPE html>
3<html lang="en">
4  <head>
5    <meta charset="UTF-8">
6    <meta name="viewport" content="width=device-width, initial-scale=1.0">
7    <title>Symbols</title>
8  </head>
9  <body>
10    <p>Price: &euro; 100</p>
11    <p>Direction: &rarr;</p>
12  </body>
13</html>

Try it Yourself

Hands-on Practice

Modify the code below to see how it affects the output. This is the best way to learn!

Interactive Editor

1234567891011121314151617181920

Live Preview

Key Points

Symbols render special visual characters.
Entity names make code readable.
Entity numbers cover all Unicode symbols.
Fonts determine the final symbol design.

Up Next

Continue your journey with the next topic.

Go to HTML Emojis ❯