Hvordan bruke emojis i HTML
Hvordan bruke emojis i HTML
Emojiene kan legges til med bare et kopi/limefenomen eller ved hjelp av hex -koden til emoji.
Metode 1: Kopier emojiene og lim den inn i kodeditoren
Denne metoden kopierer emojiene og limer den inn i redaktøren. Eksemplet skrevet nedenfor praktiserer denne metoden:
1)- 😁 2)- 🗾 3)- 🥶
4)- ⏰ 5)- ⛔ 6)- ⛳
Ovennevnte kode inneholder to avsnitt som inneholder seks emojier. Vi har satt skriftstilen til avsnittet til 25px (for å få en forstørret emoji).
Produksjon
Fra utgangen observeres det at emojiene ble kopiert til redaktøren og vist i utgangen.
Metode 2: Bruke hex -koden og desimalverdien
Desimalverdien og sekskantverdiene til emojier kan brukes til å få dem på websiden. La oss ta en titt på tabellen som viser emojiene med et eksempel på hex- og desimalverdiene.
| Emoji | Desimalverdi | Hex -kode |
|---|---|---|
| ✅ | ✅ | ✅ |
| 💯 | 💯 | 💯 |
| 🎯 | 🎯 | 🎯 |
| 🌍 | 🌍 | 🌍 |
| 🔁 | 🔁 | 🔁 |
| 📵 | 📵 | 📵 |
| 🔋 | 🔋 | 🔋 |
| 🔎 | 🔎 | 🔎 |
| ✌ | ✌ | ✌ |
| 👍 | 👍 | 👍 |
| 🔥 | 🔥 | 🔥 |
HEX -verdiene er prefiks med “&#x”Mens desimalverdien bruker &# i starten. Imidlertid er begge verdiene postfiksert med en semikolon (;),
Merk: Du kan få hex -koden til alle emojier fra Unicode.org. Du vil finne at koden er skrevet i en form som U+1f63a Og for å benytte deg av det, må du fjerne U+ fra hex -verdien og bruke den andre delen av sekskantkoden.
Eksempel
Eksemplet som er gitt nedenfor viser bruken av flere emojier ved bruk av hex -kode og desimalverdier.
1)- ✅ 2)- ✌ 3)- 🔥
Det opprettes et avsnitt som bruker desimalverdier og sekskantverdier av emojier for å bruke dem i HTML.
Produksjon
Utgangen representerer at hex -koden og desimalverdiene blir konvertert til tilhørende emojis.
Hvordan bruke forskjellige hudtoner av emojier i HTML
Ulike emojier kan ha flere skjermer og blir referert til som hudtonen til den emoji. Hudtonene kan variere fra mørkt etterfulgt av medium og lys. Disse hudtonene kan tilsettes med emojier ved å bruke følgende desimalverdier.
| Hudtone | Desimalverdi |
|---|---|
| Lys | 🏻 |
| Medium-Light | 🏼 |
| Medium | 🏽 |
| Medium-mørk | 🏾 |
| Mørk | 🏿 |
La oss øve dem.
Eksempel
Hudfargen kan tilsettes alle emojier ved å legge til desimalverdien av hudtonen til desimal/sekskantverdien av den emoji. Vi har utført følgende kode i denne forbindelse:
Bruker lett hudfarge: ✌🏻
Ved hjelp av middels lys hudfarge: ✌🏼
Bruker middels hudfarge: ✌🏽
Ved hjelp av middels mørk hudfarge: ✌🏾
Bruker mørk hudtone: ✌🏿
De fem avsnittene kan sees i koden ovenfor, og hvert avsnitt bruker en annen hudfarge for seieren (✌) emoji.
Produksjon
Utgangen viser lys, middels lys, middels, middels mørk og mørk hudfarge på en emoji (✌).
Konklusjon
Emojiene kan legges til HTML -dokumentet på to måter, enten kopier og lim inn emojiene eller bruke hex/desimalverdiene. Dette innlegget demonstrerer disse metodene for å bruke emojier i HTML. Kopi/limmetoden lar deg kopiere emojiene og lime den inn i kodeditoren. HEX -koden kan genereres fra unicode av emojiene som kan fås fra Unicode.org. Copy/Paste -metoden er enkel å følge, men det anbefales å bruke enten sekskantverdi eller desimalverdi for å bruke emojier i HTML.