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 : &#8364;</h1>
    <h1>Rupee Symbol : &#8377;</h1>
</body>

</html>

Output

HTML Symbols | Example 1

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 : &#8747;</b></big></p>
    <p><big><b>Logical And Symbol : &#8743;</b></big></p>
    <p><big><b>Cube Root Symbol : &#8731;</b></big></p>
</body>

</html>

Output

HTML Symbols | Example 2

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

HTML Symbols | Example 3

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 : &#8356;</b></big></p>
    <p><big><b>NEW SHEQEL Currency Symbol : &#8362;</b></big></p>
    <p><big><b>Rupee Sign (old) Symbol : &#8360;</b></big></p>
</body>

</html>

Output

HTML Symbols | Example 4

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: &#8603;</b></big></p>
    <p><big><b>Leftwards Wave Arrow Symbol: &#8604;</b></big></p>
    <p><big><b>Rightwards White Arrow From Wall Symbol: &#8688;</b></big></p>
</body>

</html>

Output

HTML Symbols | Example 5

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 : &#9731;</b></big></p>
    <p><big><b>YIN YANG Symbol : &#9775;</b></big></p>
    <p><big><b>BLACK SPADE SUIT Symbol : &#9824;</b></big></p>
</body>

</html>

Output

HTML Symbols | Example 6








Comments and Discussions

Ad: Are you a blogger? Join our Blogging forum.





Languages: » C » C++ » C++ STL » Java » Data Structure » C#.Net » Android » Kotlin » SQL
Web Technologies: » PHP » Python » JavaScript » CSS » Ajax » Node.js » Web programming/HTML
Solved programs: » C » C++ » DS » Java » C#
Aptitude que. & ans.: » C » C++ » Java » DBMS
Interview que. & ans.: » C » Embedded C » Java » SEO » HR
CS Subjects: » CS Basics » O.S. » Networks » DBMS » Embedded Systems » Cloud Computing
» Machine learning » CS Organizations » Linux » DOS
More: » Articles » Puzzles » News/Updates


© https://www.includehelp.com some rights reserved.