Reprence Html CSS javascript PHP MySQL Bootsrap

Using Emojis in HTML

Emojis are depictions of human emotions, living beings, objects and even certain symbols.😄 😍 💗

Example

emg1

emg2
emg3

HTML Emojis Examples

HTML Emoji Transport Symbols


HTML Emoji Office Symbols


HTML Emoji People Symbols


HTML Emoji Animals Symbols


What are Emojis?

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

They are letters (characters) from the UTF-8 (Unicode) character set.


The HTML charset Attribute

To display an HTML page correctly, a web browser must know the character set used in the page.
This is specified in the tag:


UTF-8 Characters

Many UTF-8 characters cannot be typed on a keyboard, but they can always be displayed using numbers (called entity numbers):

emg4

Example Explained

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

The characters A, B, and C, are displayed by the numbers 65, 66, and 67.

To let the browser understand that you are displaying a character, you must start the entity number with &# and end it with ; (semicolon).


Emoji Characters

Emojis are also characters from the UTF-8 alphabet:

emg5

Since Emojis are characters, they can be copied, displayed, and sized just like any other character in HTML.