Home »
Web programming/HTML
Symbols in HTML
Symbols are a special set of characters that are not defined in general programming language. In this tutorial on symbols in HTML, we will learn about embedding symbols on the webpage.
Submitted by Shivang Yadav, on December 21, 2019
HTML Symbols
Symbols are special characters that are used to denote some special notation. Various sorts of symbols like mathematical, currency, geek letters are supported in HTML which cannot be typed using the keyboard.
In HTML, adding new symbols to a page can be done using an HTML entity name, when the name doesn't exist entity number (decimal or hexadecimal) can also be used.
Syntax:
&#entity_number;
OR
&entity_name;
To define a symbol in HTML, we will use & before the name or number of the entity.
Example:
<!DOCTYPE html>
<html>
<body>
<h1>Euro Symbol : €</h1>
<h1>Rupee Symbol : ₹</h1>
</body>
</html>
Output
Mathematical Symbols in HTML
This will display all sorts of mathematical symbols like roots, logical operators, integrals and differential. The range of values from 8704 to 8959 (2200 - 22FF hexadecimal) defines all mathematical symbols in HTML.
Example:
<!DOCTYPE html>
<html>
<body>
<h1>Mathematical Symbols in HTML</h1>
<p><big><b>Double Integral Symbol : ∫</b></big></p>
<p><big><b>Logical And Symbol : ∧</b></big></p>
<p><big><b>Cube Root Symbol : ∛</b></big></p>
</body>
</html>
Output
Geek letters in HTML
In HTML, using all geek letters is valid which is not defined in the general keyword. The range of values from 880 to 1023 (0370 - 03FF hexadecimal) defines all Geek Letters in HTML.
Example:
<!DOCTYPE html>
<html>
<body>
<h1>Geek letters in HTML</h1>
<p><big><b>PAMPHYLIAN DIGAMMA Symbol : Ͷ</b></big></p>
<p><big><b>XI Symbol : Ξ</b></big></p>
<p><big><b>PHI Symbol : φ</b></big></p>
</body>
</html>
Output
Currency Symbols in HTML
Adding currency symbols is also possible in HTML. These symbols are used to define the price of a product displayed on the webpage. The range of values from 8352 to 8399 (20A0 to 20CF) defines all currency symbols in HTML.
Example:
<!DOCTYPE html>
<html>
<body>
<h1>Currency Symbols in HTML</h1>
<p><big><b>LIRA Currency Symbol : ₤</b></big></p>
<p><big><b>NEW SHEQEL Currency Symbol : ₪</b></big></p>
<p><big><b>Rupee Sign (old) Symbol : ₨</b></big></p>
</body>
</html>
Output
Arrow Symbols in HTML
In HTML, different types of arrow symbols can be defined. The range of values from 8592 to 8703 (Hex: 2190 to 21FF) defines all arrow symbols in HTML.
Example:
<!DOCTYPE html>
<html>
<body>
<h1>Arrow Symbols in HTML</h1>
<p><big><b>Rightwards Arrow With Stroke Symbol: ↛</b></big></p>
<p><big><b>Leftwards Wave Arrow Symbol: ↜</b></big></p>
<p><big><b>Rightwards White Arrow From Wall Symbol: ⇰</b></big></p>
</body>
</html>
Output
Miscellaneous Symbols in HTML
In HTML, different types of other symbols can be defined. The range of values from 9728 - 9983 (Hex: 2600 - 26FF) defines all arrow & other symbols in HTML.
Example:
<!DOCTYPE html>
<html>
<body>
<h1>Miscellaneous Symbols in HTML</h1>
<p><big><b>SNOWMAN Symbol : ☃</b></big></p>
<p><big><b>YIN YANG Symbol : ☯</b></big></p>
<p><big><b>BLACK SPADE SUIT Symbol : ♠</b></big></p>
</body>
</html>
Output
