Symbols in HTML

Symbols in HTML with Examples

In this article, I am going to discuss Symbols in HTML with Examples. Please read our previous article where we discussed Emojis in HTML with Examples.

Symbols in HTML

HTML Symbols refers to a variety of scientific, mathematical, technical, and currency symbols that are not found on a standard keyboard. To use a collection of these symbols in a webpage, an HTML entity name is used.

If no entity name is available, symbols in HTML can be used with entity numbers in decimal or hexadecimal format. It contains mathematical operators, arrows, shapes, and various technical symbols not present on the keyboard. If you don’t know what entities are, check out our Html Entities article.

In the below example we have used entities to insert mathematical, Greek, and other symbols in a web page.

<!DOCTYPE html>
<html>
<style>
body{
display:flex;
justify-content:center;
align-items:center;
flex-direction:row;
height:100vh;
}
div{
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
margin:10px;
background-color:dodgerblue;
padding:15px;
color:white;
font-family:arial;
font-weight:700;
border-radius:8px;
}
</style>
<body>

<div>
<p>Mathematical Symbol</p>
<p>Nabla- &#8711;</p>
<p>Empty Set- &#8709;</p>
</div>

<div>
<p>Greek Symbol</p>
<p>Delta- &#916;</p>
<p>Zeta- &#918;</p>
</div>

<div>
<p>Other Entities Symbol</p>
<p>Copyright- &#169;</p>
<p>Trademark- &#8482;</p>
</div>

</body>
</html>

When you run the above code, you will get the following output in the browser.

Symbols in HTML with Examples

Mathematical Symbols
Char Entity Number Entity Name
&#8704; &forall;
&#8706; &part;
&#8707; &exist;
&#8709; &empty;
&#8711; &nabla;
&#8712; &isin;
&#8713; &notin;
&#8715; &ni;
&#8719; &prod;
&#8721; &sum;
Greek Letter Symbols
Char Entity Number Entity Name
Α &#913; &Alpha;
Β &#914; &Beta;
Γ &#915; &Gamma;
Δ &#916; &Delta;
Ε &#917; &Epsilon;
Ζ &#918; &Zeta;
Other Entities
Char Entity Number Entity Name
© &#169; &copy;
® &#174; &reg;
&#8364; &euro;
&#8482; &trade;
&#8592; &larr;
&#8593; &uarr;
&#8594; &rarr;
&#8595; &darr;
&#9824; &spades;
&#9827; &clubs;
&#9829; &hearts;
&#9830; &diams;

In the next article, I am going to discuss Charset in HTML with examples. Here, in this article, I try to explain Symbols in HTML with Examples and I hope you enjoy this Symbols in HTML with Examples article.

Leave a Reply

Your email address will not be published.