HTML Symbols, Entities and Codes

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

Keeping you updated with latest technology trends, Join DataFlair on Telegram

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 &Gamma;</p>
<p>Display ∋ </p>
<p>Display &euro;</p>
<p>Display Α</p>
</body>
</html>

Output-

html symbols

Following are the examples of some commonly used HTML symbols-

HTML Mathematical Symbols

CharNumberEntityDescription
&forall;For All
&part;Partial Differential
&exist;There Exists
&empty;Empty Sets
&nabla;Nabla
&isin;Element Of
&notin;Not An Element Of
&ni;Contains As Member
&prod;N-Ary Product
&sum;N-Ary Summation

HTML Greek Letters

CharNumberEntityDescription
ΑΑ&Alpha;Greek Capital Letter Alpha
ΒΒ&Beta;Greek Capital Letter Beta
ΓΓ&Gamma;Greek Capital Letter Gamma
ΔΔ&Delta;Greek Capital Letter Delta
ΕΕ&Epsilon;Greek Capital Letter Epsilon
ΖΖ&Zeta;Greek Capital Letter Zeta

HTML Supported Entities

CharNumberEntityDescription
©©&copy;Copyright Sign
®®&reg;Registered Sign
&euro;Euro Sign
&trade;Trademark
&larr;Leftwards Arrow
&uarr;Upwards Arrow
&rarr;Rightwards Arrow
&darr;Downwards Arrow
&spades;Black Spade Suit
&clubs;Black Club Suit
&hearts;Black Heart Suit
&#9830&diams;Black diamond suit
°&#191&iquest;Inverted question mark 
±  &#177&plusmn;Plus minus sign together.
µ&#181&micro; Micro.
& #182  &para;Paragraph 
¿  &#191&iquest;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>&Beta;</b></p>
<p>Greek Capital Letter Gamma <b>Γ </b>  </p>
<p>Greek Capital Letter Delta <b>&Delta;</b> </p>
</body>
</html>

Output-

html greek letters

Mathematical Symbols Example

<!DOCTYPE html>
<html>
<body>
<h3>Mathematical Symbols</h3>
<p>Plus Minus <b>&#177</b></p>
<p> Multiplication <b>&#215 </b>  </p>
<p>Division &#247 </p>
<p>One fourth part <b>&#188</b> </p>
<p>Half part <b> &#189</b> </p>
<p>There Exist <b> &#8707</b> </p>
<p>Empty Set<b> &#8709</b> </p>
<p> Not an element<b>&#8713</b> </p></body>
</html>

Output-

html mathematical symbols

Special Symbols Example

<!DOCTYPE html>
<html>
<body>
<h3>Special HTML symbols</h3>
<p><b> &#169 </b>copyright </p>
<p>Euros <b>&#8364</b> </p>
<h4>DATAFLAIR &#8482</h4>
<p>Micro<b>&#181</b></p>
<p>NABLA<b>&#8711</b> </p>
</body>
</html>

Output-

html special symbols

Arrows and other Examples

<!DOCTYPE html>
<html>
<body>
<h3>Arrows and other HTML symbols</h3>
<p>Left arrow  <b>&#8592</b> </p>
<p>Right Arrow<b> &#8594</b> </p>
<p>Up Arrow <b> &#8593</b> </p>
<p>Down Arrow <b>&#8595</b> </p>
<p> Black of spade &#9824</p>
<p>Black of club &#9827</p>
<p>Black of heart &#9829</p>
</body>
</html>

Output-

html arrow and other symbols

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.

Leave a Reply

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

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.