How to add emojis in webpages using HTML

Priyanka Das
2 min readMay 8, 2021

Emojis are a great way to express what we feel. Use of emojis in webpages can make it more expressive and help the user connect to it. It’s very simple to add emojis to your webpages.

To add emojis we need to know the decimal values corresponding to the emojis. For that you can visit https://data-flair.training/blogs/html-emojis/ or any other website which has the list of decimal codes.

https://data-flair.training/blogs/html-emojis/

Now select a decimal code as per your choice I am going to select 😍 and write it down in your code.

HTML CODE

<!DOCTYPE>
<html>
<head>
<title>Emojis</title>
<meta charset=”UTF-8">
</head>
<body>
<h1>Emojis</h1><br>
<p style=”font-size:2em;”>This is my favorite &#128525;</p>
</body>
</html>

Save the file as emojis.html and Run it.

OUTPUT

I hope you found this useful. Don’t forget to follow me Priyanka Das for more such stories!

Instagram : Skill Self

Facebook : Skill Self

--

--

Priyanka Das

Instructor at Udemy. 6+ years of experience in Web Development. Machine Learning Enthusiast.