HTML Symbols: Symbols that are absent on your keyboard can likewise be added by using entities.

Symbols to be used in HTML are quite possibly the main pieces of web development or in the application development process. There are different types of symbols to be used in HTML like mathematical, physics, technical and currency symbols. An HTML element entity is used to use a set of these sorts of symbols in web page development.

Assuming there is no entity name is accessible, symbols in HTML can be used with entity number which is as decimal or hexadecimal. It incorporates mathematical operators, arrows, shapes, some technical symbols which are not accessible on the keyboard.


HTML Symbol Entities

HTML entities were described in the previous chapter.

Numerous mathematical, technical, and currency symbols, are absent on a typical 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
Display the euro sign, €, with an entity name, a decimal, and a hexadecimal value:

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

Will display as:

I will display €
I will display €
I will display €

Some Mathematical Symbols Supported by HTML

CharNumberEntityDescription
&#8704;&forall;FOR ALL
&#8706;&part;PARTIAL DIFFERENTIAL
&#8707;&exist;THERE EXISTS
&#8709;&empty;EMPTY SETS
&#8711;&nabla;NABLA
&#8712;&isin;ELEMENT OF
&#8713;&notin;NOT AN ELEMENT OF
&#8715;&ni;CONTAINS AS MEMBER
&#8719;&prod;N-ARY PRODUCT
&#8721;&sum;N-ARY SUMMATION

Some Greek Letters Supported by HTML

CharNumberEntityDescription
Α&#913;&Alpha;GREEK CAPITAL LETTER ALPHA
Β&#914;&Beta;GREEK CAPITAL LETTER BETA
Γ&#915;&Gamma;GREEK CAPITAL LETTER GAMMA
Δ&#916;&Delta;GREEK CAPITAL LETTER DELTA
Ε&#917;&Epsilon;GREEK CAPITAL LETTER EPSILON
Ζ&#918;&Zeta;GREEK CAPITAL LETTER ZETA

Some Other Entities Supported by HTML

CharNumberEntityDescription
©&#169;&copy;COPYRIGHT SIGN
®&#174;&reg;REGISTERED SIGN
&#8364;&euro;EURO SIGN
&#8482;&trade;TRADEMARK
&#8592;&larr;LEFTWARDS ARROW
&#8593;&uarr;UPWARDS ARROW
&#8594;&rarr;RIGHTWARDS ARROW
&#8595;&darr;DOWNWARDS ARROW
&#9824;&spades;BLACK SPADE SUIT
&#9827;&clubs;BLACK CLUB SUIT
&#9829;&hearts;BLACK HEART SUIT
&#9830;&diams;BLACK DIAMOND SUIT

HTML Entities

HTML File Paths


Thanks for reading! We hope you found this tutorial helpful and we would love to hear your feedback in the Comments section below. And show us what you’ve learned by sharing your projects with us.


0 Comments

Leave a Reply

Avatar placeholder