HTML Symbols, Entities and Codes
Free Web development courses with real-time projects Start Now!!
HTML entities can be used to add HTML symbols to a web-page that are not present on our keyboards. Symbols such as mathematical signs, the currency of different countries, technical symbols, etc. are not present on our normal keyboard. For such elements, entity names and numbers, which can be in the form of decimals and hexadecimals, come handy and useful.
HTML Symbols
HTML Symbols can be in the form of arrows, mathematical operators, technical symbols, or any desirable symbol that might not be present on a standard keyboard.
<!DOCTYPE html> <html> <head> <title>HTML Symbols</title> </head> <body> <p>Display Γ</p> <p>Display ∋ </p> <p>Display €</p> <p>Display Α</p> </body> </html>
Output-
Following are the examples of some commonly used HTML symbols-
HTML Mathematical Symbols
| Char | Number | Entity | Description |
| ∀ | ∀ | ∀ | For All |
| ∂ | ∂ | ∂ | Partial Differential |
| ∃ | ∃ | ∃ | There Exists |
| ∅ | ∅ | ∅ | Empty Sets |
| ∇ | ∇ | ∇ | Nabla |
| ∈ | ∈ | ∈ | Element Of |
| ∉ | ∉ | ∉ | Not An Element Of |
| ∋ | ∋ | ∋ | Contains As Member |
| ∏ | ∏ | ∏ | N-Ary Product |
| ∑ | ∑ | ∑ | N-Ary Summation |
HTML Greek Letters
| Char | Number | Entity | Description |
| Α | Α | Α | Greek Capital Letter Alpha |
| Β | Β | Β | Greek Capital Letter Beta |
| Γ | Γ | Γ | Greek Capital Letter Gamma |
| Δ | Δ | Δ | Greek Capital Letter Delta |
| Ε | Ε | Ε | Greek Capital Letter Epsilon |
| Ζ | Ζ | Ζ | Greek Capital Letter Zeta |
HTML Supported Entities
| Char | Number | Entity | Description |
| © | © | © | Copyright Sign |
| ® | ® | ® | Registered Sign |
| € | € | € | Euro Sign |
| ™ | ™ | ™ | Trademark |
| ← | ← | ← | Leftwards Arrow |
| ↑ | ↑ | ↑ | Upwards Arrow |
| → | → | → | Rightwards Arrow |
| ↓ | ↓ | ↓ | Downwards Arrow |
| ♠ | ♠ | ♠ | Black Spade Suit |
| ♣ | ♣ | ♣ | Black Club Suit |
| ♥ | ♥ | ♥ | Black Heart Suit |
| ♦ | ♦ | ♦ | Black diamond suit |
| ° | ¿ | ¿ | Inverted question mark |
| ± | ± | ± | Plus minus sign together. |
| µ | µ | µ | Micro. |
| ¶ | & #182 | ¶ | Paragraph |
| ¿ | ¿ | ¿ | Inverted question mark. |
Greek Letters Example
<!DOCTYPE html> <html> <head> <title>HTML Symbols</title> </head> <body> <h3>Greek Symbols</h3> <p>Greek Capital Letter Beta <b>Β</b></p> <p>Greek Capital Letter Gamma <b>Γ </b> </p> <p>Greek Capital Letter Delta <b>Δ</b> </p> </body> </html>
Output-
Mathematical Symbols Example
<!DOCTYPE html> <html> <body> <h3>Mathematical Symbols</h3> <p>Plus Minus <b>±</b></p> <p> Multiplication <b>× </b> </p> <p>Division ÷ </p> <p>One fourth part <b>¼</b> </p> <p>Half part <b> ½</b> </p> <p>There Exist <b> ∃</b> </p> <p>Empty Set<b> ∅</b> </p> <p> Not an element<b>∉</b> </p></body> </html>
Output-
Special Symbols Example
<!DOCTYPE html> <html> <body> <h3>Special HTML symbols</h3> <p><b> © </b>copyright </p> <p>Euros <b>€</b> </p> <h4>DATAFLAIR ™</h4> <p>Micro<b>µ</b></p> <p>NABLA<b>∇</b> </p> </body> </html>
Output-
Arrows and other Examples
<!DOCTYPE html> <html> <body> <h3>Arrows and other HTML symbols</h3> <p>Left arrow <b>←</b> </p> <p>Right Arrow<b> →</b> </p> <p>Up Arrow <b> ↑</b> </p> <p>Down Arrow <b>↓</b> </p> <p> Black of spade ♠</p> <p>Black of club ♣</p> <p>Black of heart ♥</p> </body> </html>
Output-
Summary
In this article, we’ve looked at HTML symbols. These are the symbols that are not present on a standard keyboard. These symbols can be displayed using HTML entities, which are represented using entity names or entity numbers. We’ve looked at some common HTML symbols- Mathematical symbols, Greek symbols, and some other supported entities.
Your 15 seconds will encourage us to work even harder
Please share your happy experience on Google
