How to add Emojis in HTML?

In this blog post, you will learn about adding Emojis in HTML. Adding Emojis is very easy in HTML. If you know the correct code and method to add it. So let us learn about it in detail:-

Emojis in html

We can add emojis in two ways that are with using Decimal and Hexadecimal Code provided to that emoji. One of the sample code with its output is attached below. If you want to know code of more emojis then check out the table below. The code and output for the emoji is:- 

Index.html

<!DOCTYPE html>
<html>
    <head>
        <meta charset=”UTF-8″>
        <title>Emojis in HTML</title>
    </head>
    <body>
        <h1> Codeblockx </h1>
        <h2> Solution of all your Coding Problems </h2>
        <p style = “font-size:28px” >
           This will show &#128514;
           <br>
           This will show &#x1F602;
        </p>
    </body>
</html>

OUTPUT

Emojis in html

Decimal and Hexadecimal Code of more Emojis :-

Char Dec Hex
😀 128512 x1F600
😁 128513 x1F601
😂 128514 x1F602
😃 128515 x1F603
😄 128516 x1F604
😅 128517 x1F605
😆 128518 x1F606
😇 128519 x1F607
😈 128520 x1F608
😉 128521 x1F609
😊 128522 x1F60A
😋 128523 x1F60B
😌 128524 x1F60C
😍 128525 x1F60D
😎 128526 x1F60E
😏 128527 x1F60F
😐 128528 x1F610
😑 128529 x1F611
😒 128530 x1F612
😓 128531 x1F613
😔 128532 x1F614
😕 128533 x1F615
😖 128534 x1F616
😗 128535 x1F617
😘 128536 x1F618
😙 128537 x1F619
😚 128538 x1F61A
😛 128539 x1F61B
😜 128540 x1F61C
😝 128541 x1F61D
😞 128542 x1F61E
😟 128543 x1F61F
Please add &# in front of both codes when you type them in html doc.

As you have now mastered adding Emojis in HTML. You should now move a step ahead and learn about Adding GIFs in HTML >. So check out the detailed blog on it, that will help you out. 

 

Hope this blog post was helpful to you and you have got the answer to your question. Thank you for visiting our blog. If you have any doubts about the coding questions then let us know in the comments section we will answer them as soon as possible. 

Leave a Comment

Your email address will not be published. Required fields are marked *