HTML5 Characters and Symbols

HTML5 Special Characters and Symbols

In this tutorial, we’ll teach you how to use HTML5 special characters and symbols. These symbols are not available on your keyboard, but you can easily add them to your HTML code by using special entities.

To incorporate such symbols in your web page, you can either use an entity name or an entity number for that symbol.

In the code example listed below, we’ve displayed the euro sign € with an entity name, a decimal, and a hexadecimal value.

Example

<!DOCTYPE html>
<html>
<head>
</head>
<body>
    <p> It will display &euro; </p>
    <p> It will display € </p>
    <p> It will display € </p>
</body>
</html>

The output of this code will be:

HTML5 Special Characters and Symbols

Mathematical HTML5 Special Characters and Symbols

Example

<!DOCTYPE html>
<html>
<head>
    <title>HTML5 Special Characters and Symbols</title>
</head>
<body>
    <p> It will display <strong>&forall;</strong> </p>
    <p> It will display <strong>&part;</strong> </p>
    <p> It will display <strong>&exist;</strong> </p>
    <p> It will display <strong>&empty;</strong> </p>
    <p> It will display <strong>&nabla;</strong> </p>
    <p> It will display <strong>&isin;</strong> </p>
    <p> It will display <strong>&notin;</strong> </p>
    <p> It will display <strong>&prod;</strong> </p>
    <p> It will display <strong>&sum;</strong> </p>
</body>
</html>

The output of this code will be

HTML5 Special Characters and Symbols

Some Greek HTML5 Special Characters and Symbols

<!DOCTYPE html>
<html>
<head>
    <title>HTML5 Special Characters and Symbols</title>
</head>
<body>
    <p> It will display <strong>&Alpha;</strong> </p>
    <p> It will display <strong>&Beta;</strong> </p>
    <p> It will display <strong>&Gamma;</strong> </p>
    <p> It will display <strong>&Delta;</strong> </p>
    <p> It will display <strong>&Epsilon;</strong> </p>
    <p> It will display <strong>&isin;</strong> </p>
    <p> It will display <strong>&Zeta;</strong> </p>
</body>
</html>

The output of this code will be

Some Other Entities Supported by HTML5

<!DOCTYPE html>
<html>
<head>
    <title>HTML5 Special Characters and Symbols</title>
</head>
<body>
    <p> It will display <strong>&copy;</strong></p>
    <p>It will display <strong>&reg;</strong> </p>
    <p>It will display <strong>&euro; </strong> </p>
    <p>It will display <strong>&trade;</strong> </p>
    <p>It will display <strong>&larr;</strong> </p>
    <p>It will display <strong>&uarr;</strong> </p>
    <p>It will display <strong>&Rarr;</strong> </p>
    <p>It will display <strong>&darr;</strong> </p>
    <p>It will display <strong>&spades;</strong> </p>
    <p>It will display <strong>&clubs;</strong> </p>
    <p>It will display <strong>&hearts;</strong> </p>
    <p>It will display <strong> &diams;</strong> </p>
</body>
</html>

The output of this code will be

To know more about special characters and symbols, read more.

Next Lesson » « Previous Lesson