HTML

HTML provides the ability to include various symbols and emojis in your web pages. These symbols and emojis are either encoded using HTML entities or Unicode characters.

---

1. HTML Symbols

What Are HTML Symbols?

HTML symbols are characters that are not commonly found on a keyboard, such as currency signs, mathematical symbols, or arrows. They can be added using:

1. Entity Names (e.g., ©)
2. Entity Numbers (e.g., ©)
3. Hexadecimal Codes (e.g., ©)

---

Common HTML Symbols

Currency Symbols

Symbol	Entity Name	Entity Number	Description
$	N/A	$	Dollar Sign
¢	¢	¢	Cent Sign
£	£	£	Pound Sign
€	€	€	Euro Sign
¥	¥	¥	Yen Sign

Mathematical Symbols

Symbol	Entity Name	Entity Number	Description
+	N/A	+	Plus Sign
−	−	−	Minus Sign
×	×	×	Multiplication Sign
÷	÷	÷	Division Sign
√	√	√	Square Root
∑	∑	∑	Summation Symbol
∞	∞	∞	Infinity

Arrows

Symbol	Entity Name	Entity Number	Description
←	←	←	Left Arrow
→	→	→	Right Arrow
↑	↑	↑	Up Arrow
↓	↓	↓	Down Arrow
↔	↔	↔	Left-Right Arrow

Miscellaneous Symbols

Symbol	Entity Name	Entity Number	Description
©	©	©	Copyright Symbol
®	®	®	Registered Symbol
™	™	™	Trademark Symbol
✓	✓	✓	Check Mark
✗	N/A	✗	Cross Mark
♥	♥	♥	Heart Symbol

---

2. HTML Emojis

What Are Emojis?

Emojis are Unicode characters representing smileys, people, objects, animals, etc. They can be added to HTML by simply using their Unicode values.

---

How to Add Emojis in HTML

1. Using Unicode Values
   • Format: &#x<Unicode>;
   • Example: <p>I love coding! &#x1F60D;</p> Output: I love coding! 😍
2. Direct Copy and Paste
   • Example: <p>Happy Birthday 🎉🎂</p>

---

Popular Emojis with Unicode

Smileys and Emotion

Emoji	Unicode	HTML Code	Description
😀	U+1F600	😀	Grinning Face
😂	U+1F602	😂	Face with Tears of Joy
😍	U+1F60D	😍	Smiling Face with Heart-Eyes
😎	U+1F60E	😎	Smiling Face with Sunglasses
😢	U+1F622	😢	Crying Face

Hands and Gestures

Emoji	Unicode	HTML Code	Description
👍	U+1F44D	👍	Thumbs Up
👎	U+1F44E	👎	Thumbs Down
👋	U+1F44B	👋	Waving Hand
🙌	U+1F64C	🙌	Raising Hands
✌	U+270C	✌	Victory Hand

Nature

Emoji	Unicode	HTML Code	Description
🌳	U+1F333	🌳	Tree
🌸	U+1F338	🌸	Cherry Blossom
🌞	U+1F31E	🌞	Sun with Face
🌧	U+1F327	🌧	Cloud with Rain

Food

Emoji	Unicode	HTML Code	Description
🍎	U+1F34E	🍎	Red Apple
🍕	U+1F355	🍕	Pizza Slice
🍩	U+1F369	🍩	Donut
🍔	U+1F354	🍔	Hamburger

---

Using Emojis in CSS

Emojis can also be added using the content property in CSS.

Example:

<style>
  .emoji::before {
    content: "😊";
  }
</style>
<p class="emoji">Welcome!</p>

Output: 😊 Welcome!

---

3. Browser Support

All modern browsers support both HTML symbols and emojis. However, older browsers might not render certain Unicode characters properly.

---

4. Tips for Using HTML Symbols and Emojis

• Semantic Usage: Use emojis and symbols sparingly to maintain professionalism in content.
• Accessibility: Provide alt text or labels for emojis to ensure screen readers can interpret them.
• Cross-Browser Testing: Verify that emojis and symbols render correctly on all target devices and browsers.

---

5. Summary

HTML symbols and emojis can add personality and clarity to your content. Whether you’re using a copyright symbol or a smiley face, these elements enhance user experience when used appropriately.

Quick Examples:

<p>&hearts; Love HTML &hearts;</p>
<p>Happy Coding! &#x1F60D;</p>
<p>Price: &dollar;100 &euro;90</p>

Output: ♥ Love HTML ♥
Happy Coding! 😍
Price: $100 €90