MohirDox

Ko'rinishi

HTML da Emoji ishlatish ​

Emoji nima? ​

Emoji rasmga o‘xshaydi, lekin ular rasm emas.

Emoji UTF-8 (Unicode) belgilar to‘plamidagi harflardir:

😄 😍 💗

UTF-8 deyarli dunyodagi barcha belgilar va ramzlarni o‘z ichiga oladi.

Emoji Jadvali ​

EmojiQiymati
🗻🗻
🗼🗼
🗽🗽
🗾🗾
🗿🗿
😀😀
😁😁
😂😂
😃😃
😄😄
😅😅

HTML Emoji Misollar ​

Kulgu belgilar ​

😀 😂 😊 😎 😜

Qo‘llar ​

✌ ✊ ☝ ✋ 👌

Odamlar ​

👮 🧕 👦 💏 🤴

Ofis ​

📈 💻 📌 📆 📒

Joylar ​

⛺ 🌋 🗽 🗿 🏢

Transport ​

🚈 🚗 🚢 🚌 🚀

Hayvonlar ​

🐴 🐕 🐘 🐻 🐞

Ovqat ​

☕ 🌭 🍞 🍩 🍣

O‘simliklar ​

🌴 🌳 🌼 🍁 🥑

Mevalar ​

🍇 🍊 🍏 🥝 🥥

Sport ​

⚽ 🏆 🤿 🏋 ⛳

Yer va Osmon ​

🌐 🌍 🌖 🌟 🌞

Ob-havo ​

⛅ ☔ 🌈 🌂 ⛄

Kiyimlar ​

👚 👕 🎩 👜 👠

Audio/Video ​

🎥 🎵 🎹 🔊 📺

Bayram ​

🎁 🎃 🎈 🎓 🎂

Ko‘ngilochar ​

🎨 🎪 🎭 🎡 🎢

Belgilar ​

💡 💰 🔐 🔞 🔔

Batafsil o‘rganing:
To‘liq HTML Emoji Ma’lumotnoma

HTML charset atributi ​

HTML sahifani to‘g‘ri ko‘rsatish uchun, brauzer sahifada ishlatilgan belgilar to‘plamini bilishi kerak.

Bu <meta> tegi orqali belgilanadi:

html
<meta charset="UTF-8">

Eslatma:
Agar ko‘rsatilmasa, HTML da UTF-8 standart belgilar to‘plami hisoblanadi.

UTF-8 Belgilar ​

Ko‘plab UTF-8 belgilarini klaviaturada terib bo‘lmaydi, lekin ularni har doim raqamlar yordamida ko‘rsatish mumkin (entity raqamlar deb ataladi):

  • A bu 65
  • B bu 66
  • C bu 67

Misol:

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

<p>Men A B C ni ko‘rsataman</p>
<p>Men &#65; &#66; &#67; ni ko‘rsataman</p>

</body>
</html>

Misol izohi:
<meta charset="UTF-8"> elementi belgilar to‘plamini belgilaydi.
A, B, va C harflari 65, 66, va 67 raqamlari orqali ko‘rsatiladi.
Brauzer belgini to‘g‘ri ko‘rsatishi uchun entity raqamni &# bilan boshlash va ; bilan tugatish kerak.

Emoji Belgilar ​

Emoji ham UTF-8 alifbosidagi belgilar hisoblanadi:

  • 😄 bu 128516
  • 😍 bu 128525
  • 💗 bu 128151

Misol:

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

<h1>Mening birinchi Emoji</h1>

<p>&#128512;</p>

</body>
</html>

Emoji belgilar bo‘lgani uchun, ularni nusxalash, ko‘rsatish va o‘lchamini o‘zgartirish HTML da oddiy belgilar kabi amalga oshiriladi.

Misol:

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

<h1>Katta Emoji lar</h1>

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

</body>
</html>