Easy Tutorial
โฎ Tag Acronym Av Prop Networkstate โฏ

HTML Emoji

Emoji are characters from the UTF-8 character set: ๐Ÿ˜„ ๐Ÿ˜ ๐Ÿ’—.

Emoji (English: emoji, Japanese: ็ตตๆ–‡ๅญ—๏ผใˆใ‚‚ใ˜ emoji) are ideogrammatic symbols used in web pages and conversations. Originally, they were visual emotional symbols (pictograms) used in wireless communication in Japan. Emoji means facial expressions, and icons are graphical symbols. They can represent various emotions, such as a smiling face to indicate laughter, or a cake to represent food.

Emoji look like images or icons, but they are not.

Emoji are actually characters on the UTF-8 (Unicode) character set.

UTF-8 covers almost all characters and symbols in the world.

HTML charset Attribute

<meta charset="UTF-8">

Note: If we do not explicitly specify the meta attribute, the default character set encoding is also UTF-8.

UTF-8 Characters

Many UTF-8 characters cannot be typed on a keyboard, but we can represent them using numbers (called entity numbers):

Example

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>

<p>Display result: A B C</p>
<p>Display result: &#65; &#66; &#67;</p>

</body>
</html>

Example Explanation:

<meta charset="UTF-8"> defines the character set.

A, B, and C can also be represented by 65, 66, and 67.

Entity numbers need to start with &# and end with a semicolon ; to display a character correctly.

Similarly, Emoji are characters and can be used in HTML pages like other characters:

Example

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>

<h1>Emoji Symbols</h1>
<p>You can set the size of emojis using the font-size attribute, just like setting the font size.</p>
<p style="font-size:48px">
&#128512; &#128516; &#128525; &#128151;
</p>

</body>
</html>

Emoji Symbols

The table below lists some Emoji symbols:

Emoji Value
๐Ÿ—ป 🗻
๐Ÿ—ผ 🗼
๐Ÿ—ฝ 🗽
๐Ÿ—พ 🗾
๐Ÿ—ฟ 🗿
๐Ÿ˜€ 😀
๐Ÿ˜ 😁
๐Ÿ˜‚ 😂
๐Ÿ˜ƒ 😃
๐Ÿ˜„ 😄
๐Ÿ˜… 😅

For more Emoji content, refer to: Emoji Reference Manual

โฎ Tag Acronym Av Prop Networkstate โฏ