Scribd
Upload
2K views

HTML Emojis PDF

Uploaded by

Alex Orozco
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
2K views

HTML Emojis PDF

Uploaded by

Alex Orozco
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 7

21/4/2020 HTML Emojis

w3schools.com

  HTML CSS MORE   

Using Emojis in HTML


❮ Previous Next ❯

😄😍💗

What are Emojis?


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

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

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

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 <meta> tag:

<meta charset="UTF-8">

file:///C:/Users/Peregrin0/Documents/cursos programacion/www.w3schools.com/html/html_emojis.html 1/7


21/4/2020 HTML Emojis

If not specified, UTF-8 is the default character set in HTML.

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

A is 65
B is 66
C is 67

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

<p>I will display A B C</p>


<p>I will display &#65; &#66; &#67;</p>

</body>
</html>

Try it Yourself »

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).

file:///C:/Users/Peregrin0/Documents/cursos programacion/www.w3schools.com/html/html_emojis.html 2/7


21/4/2020 HTML Emojis

Emoji Characters
Emojis are also characters from the UTF-8 alphabet:

😄 is 128516
😍 is 128525
💗 is 128151

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

<h1>My First Emoji</h1>

<p>&#128512;</p>

</body>
</html>

Try it Yourself »

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

Example

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

<h1>Sized Emojis</h1>

<p style="font-size:48px">
&#128512; &#128516; &#128525; &#128151;
</p>

file:///C:/Users/Peregrin0/Documents/cursos programacion/www.w3schools.com/html/html_emojis.html 3/7


21/4/2020 HTML Emojis

</body>
</html>

Try it Yourself »

Emoji Value

🗻 #128507;

🗼 #128508;

🗽 #128509;

🗾 #128510;

🗿 #128511;

#128512;

😁 #128513;

😂 #128514;

😃 #128515;

😄 #128516;

😅 #128517;

For a full list, please go to our HTML Emoji Reference.

The @charset CSS Rule


You can use the CSS @charset rule to specify the character encoding used in a style
sheet:

Example
Set the encoding of the style sheet to Unicode UTF-8:

file:///C:/Users/Peregrin0/Documents/cursos programacion/www.w3schools.com/html/html_emojis.html 4/7


21/4/2020 HTML Emojis

@charset "UTF-8";

Read more about the CSS @charset Rule in our CSS Reference.

❮ Previous Next ❯

COLOR PICKER

HOW TO

Tabs
Dropdowns
Accordions
Side Navigation
Top Navigation
Modal Boxes
Progress Bars
Parallax
Login Form
HTML Includes
Google Maps
Range Sliders
Tooltips
Slideshow
Filter List
Sort List

SHARE

 


file:///C:/Users/Peregrin0/Documents/cursos programacion/www.w3schools.com/html/html_emojis.html 5/7
21/4/2020 HTML Emojis

CERTIFICATES

HTML
CSS
JavaScript
SQL
Python
PHP
jQuery
Bootstrap
XML

Read More »

REPORT ERROR

PRINT PAGE

FORUM

ABOUT

Top Tutorials
HTML Tutorial
CSS Tutorial
JavaScript Tutorial
How To Tutorial
SQL Tutorial
Python Tutorial
W3.CSS Tutorial
Bootstrap Tutorial
PHP Tutorial
jQuery Tutorial
Java Tutorial
C++ Tutorial

Top References
HTML Reference
CSS Reference

file:///C:/Users/Peregrin0/Documents/cursos programacion/www.w3schools.com/html/html_emojis.html 6/7


21/4/2020 HTML Emojis

JavaScript Reference
SQL Reference
Python Reference
W3.CSS Reference
Bootstrap Reference
PHP Reference
HTML Colors
jQuery Reference
Java Reference
Angular Reference

Top Examples
HTML Examples
CSS Examples
JavaScript Examples
How To Examples
SQL Examples
Python Examples
W3.CSS Examples
Bootstrap Examples
PHP Examples
jQuery Examples
Java Examples
XML Examples

Web Certificates
HTML Certificate
CSS Certificate
JavaScript Certificate
SQL Certificate
Python Certificate
jQuery Certificate
PHP Certificate
Bootstrap Certificate
XML Certificate

Get Certified »

W3Schools is optimized for learning, testing, and training. Examples might be simplified to improve
reading and basic understanding. Tutorials, references, and examples are constantly reviewed to avoid
errors, but we cannot warrant full correctness of all content. While using this site, you agree to have
read and accepted our terms of use, cookie and privacy policy. Copyright 1999-2020 by Refsnes Data.
All Rights Reserved.
Powered by W3.CSS.

file:///C:/Users/Peregrin0/Documents/cursos programacion/www.w3schools.com/html/html_emojis.html 7/7

You might also like