HTML Symbols

By | June 11, 2022

Symbols that are not present on your keyboard can also be added by using entities.

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

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

Leave a Reply

Your email address will not be published. Required fields are marked *