HTML Symbols

In HTML, symbols are often represented using entities or character references.

HTML symbols include a wide range of characters, such as special symbols, mathematical symbols, arrows, and more.

These symbols are used to enhance the visual representation of content on web pages. Here are some examples of HTML symbols:

HTML Symbol Entities

HTML entities were described in the previous chapter.

Many mathematical, technical, and currency symbols, are not present on a normal keyboard.

To add such symbols to an HTML page, you can use the entity name or the entity number (a decimal or a hexadecimal reference) for the symbol:

Example

             
<p>I will display &euro</p>
<p>I will display &#8364</p>
<p>lI will display &#x20AC</p>

You can click on above box to edit the code and run again.

Output

I will display €

Special Symbols:

© represents the copyright symbol ("©").
® represents the registered trademark symbol ("®").
™ represents the trademark symbol ("™").
§ represents the section symbol ("§")
¶ represents the paragraph symbol ("¶")

>Mathematical Symbols:

+ represents the plus sign ("+").
− represents the minus sign ("-").
× represents the multiplication sign ("×").
÷ represents the division sign ("÷").

Arrows:

→ represents the right arrow ("→").
← represents the left arrow ("←").
↑ represents the up arrow ("↑").
↓ represents the down arrow ("↓").

Currency Symbols:

&dollar; represents the dollar sign ("$").
€ represents the Euro currency symbol ("€").
£ represents the pound sterling symbol ("£").
¥ represents the yen symbol ("¥").

Miscellaneous Symbols:

&hearts; represents a heart symbol ("♥").
&star; represents an asterisk or star symbol ("★").
&check; represents a checkmark ("✔").
× represents the multiplication symbol ("×").

These symbols are represented in HTML using either named entities (such as ©) or numeric character references (such as ©). They allow you to include special characters in your HTML documents, ensuring proper rendering across different browsers.