Back to: HTML Tutorials
Symbols in HTML with Examples
In this article, I am going to discuss Symbols in HTML with Examples. Please read our previous article where we discussed Emojis in HTML with Examples.
Symbols in HTML
HTML Symbols refers to a variety of scientific, mathematical, technical, and currency symbols that are not found on a standard keyboard. To use a collection of these symbols in a webpage, an HTML entity name is used.
If no entity name is available, symbols in HTML can be used with entity numbers in decimal or hexadecimal format. It contains mathematical operators, arrows, shapes, and various technical symbols not present on the keyboard. If you don’t know what entities are, check out our Html Entities article.
In the below example we have used entities to insert mathematical, Greek, and other symbols in a web page.
<!DOCTYPE html>
<html>
<style>
body{
display:flex;
justify-content:center;
align-items:center;
flex-direction:row;
height:100vh;
}
div{
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
margin:10px;
background-color:dodgerblue;
padding:15px;
color:white;
font-family:arial;
font-weight:700;
border-radius:8px;
}
</style>
<body>
<div>
<p>Mathematical Symbol</p>
<p>Nabla- ∇</p>
<p>Empty Set- ∅</p>
</div>
<div>
<p>Greek Symbol</p>
<p>Delta- Δ</p>
<p>Zeta- Ζ</p>
</div>
<div>
<p>Other Entities Symbol</p>
<p>Copyright- ©</p>
<p>Trademark- ™</p>
</div>
</body>
</html>
When you run the above code, you will get the following output in the browser.
Mathematical Symbols
| Char | Entity Number | Entity Name |
| ∀ | ∀ | ∀ |
| ∂ | ∂ | ∂ |
| ∃ | ∃ | ∃ |
| ∅ | ∅ | ∅ |
| ∇ | ∇ | ∇ |
| ∈ | ∈ | ∈ |
| ∉ | ∉ | ∉ |
| ∋ | ∋ | ∋ |
| ∏ | ∏ | ∏ |
| ∑ | ∑ | ∑ |
Greek Letter Symbols
| Char | Entity Number | Entity Name |
| Α | Α | Α |
| Β | Β | Β |
| Γ | Γ | Γ |
| Δ | Δ | Δ |
| Ε | Ε | Ε |
| Ζ | Ζ | Ζ |
Other Entities
| Char | Entity Number | Entity Name |
| © | © | © |
| ® | ® | ® |
| € | € | € |
| ™ | ™ | ™ |
| ← | ← | ← |
| ↑ | ↑ | ↑ |
| → | → | → |
| ↓ | ↓ | ↓ |
| ♠ | ♠ | ♠ |
| ♣ | ♣ | ♣ |
| ♥ | ♥ | ♥ |
| ♦ | ♦ | ♦ |
In the next article, I am going to discuss Charset in HTML with examples. Here, in this article, I try to explain Symbols in HTML with Examples and I hope you enjoy this Symbols in HTML with Examples article.
About the Author: Pranaya Rout
Pranaya Rout has published more than 3,000 articles in his 11-year career. Pranaya Rout has very good experience with Microsoft Technologies, Including C#, VB, ASP.NET MVC, ASP.NET Web API, EF, EF Core, ADO.NET, LINQ, SQL Server, MYSQL, Oracle, ASP.NET Core, Cloud Computing, Microservices, Design Patterns and still learning new technologies.