Previous

HTML Emojis

HTML Emojis are used to enhance web content by adding expressive characters like faces, symbols, and objects. Emojis can be included in HTML by either directly using their Unicode characters or by referencing their HTML entity codes.

Syntax

You can add emojis in HTML in two ways:

  1. Directly use the emoji character.
  2. Use the emoji's HTML entity code.

Example Syntax:
😊 or 😊

Commonly Used Emojis

Below is a detailed table of commonly used emojis along with their HTML entity codes, descriptions, and example usage:

Emoji HTML Entity Code Description Example Code
😊 &#128522; Smiling Face <p>😊 or &#128522;</p>
😂 &#128514; Face with Tears of Joy <p>😂 or &#128514;</p>
❤️ &#10084; Red Heart <p>❤️ or &#10084;</p>
👍 &#128077; Thumbs Up <p>👍 or &#128077;</p>
🔥 &#128293; Fire <p>🔥 or &#128293;</p>
🎉 &#127881; Party Popper <p>🎉 or &#127881;</p>
🌟 &#127775; Glowing Star <p>🌟 or &#127775;</p>
🎂 &#127874; Birthday Cake <p>🎂 or &#127874;</p>
💡 &#128161; Light Bulb <p>💡 or &#128161;</p>
🚀 &#128640; Rocket <p>🚀 or &#128640;</p>

 

Adding Emojis to HTML

Example 1: Smiling Face

<!DOCTYPE html>
<html>
<head>
  <title>Emoji Example</title>
</head>
<body>
  <p>This is a smiling face: 😊 or &#128522;</p>
</body>
</html>

Example 2: Multiple Emojis

<!DOCTYPE html>
<html>
<head>
  <title>Emoji Example</title>
</head>
<body>
  <p>Popular Emojis:</p>
  <ul>
    <li>😊 - Smiling Face</li>
    <li>❤️ - Heart</li>
    <li>🎉 - Party Popper</li>
    <li>🚀 - Rocket</li>
  </ul>
</body>
</html>

 

Summary

HTML Emojis bring life to web content, making it more engaging and expressive. They can be added directly or through their entity codes. Use the table above as a quick reference to include emojis in your HTML projects effectively.

Previous