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.
The use of HTML symbols extends beyond mere aesthetics. They play a crucial role in scientific, mathematical, and technical content, ensuring that the correct symbols are displayed consistently across different browsers and devices. This is particularly important in educational and professional contexts where precision and clarity are paramount.
Incorporating these symbols correctly using HTML entities helps maintain the integrity of the content, making sure that the intended information is conveyed accurately. It also enhances accessibility, as screen readers can interpret these entities correctly, providing a better experience for users with disabilities.
<!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 common 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.
We work very hard to provide you quality material
Could you take 15 seconds and share your happy experience on Google