Como usar emojis em html
Como usar emojis em html
Os emojis podem ser adicionados apenas por um fenômeno de cópia/pasta ou usando o código hexadecimal do emoji.
Método 1: Copie o emoji e coloque -o no editor de código
Este método copia o emoji e cola no editor. O exemplo escrito abaixo pratica este método:
1)- 😁 2)- 🗾 3)- 🥶
4)- ⏰ 5)- ⛔ 6)- ⛳
O código acima contém dois parágrafos que contêm seis emojis. Definimos o estilo de fonte dos parágrafos para 25px (para obter um emoji ampliado).
Saída
A partir da saída, observa -se que os emojis foram copiados para o editor e mostrados na saída.
Método 2: Usando o código hexadecimal e o valor decimal
O valor decimal e os valores hexadecimais dos emojis podem ser usados para colocá -los na página da web. Antes de entrar em um exemplo, vamos dar uma olhada na mesa que mostra os emojis com seus valores hexadecimais e decimais.
| Emoji | Valor decimal | Código Hex |
|---|---|---|
| ✅ | ✅ | ✅ |
| 💯 | 💯 | 💯 |
| 🎯 | 🎯 | 🎯 |
| 🌍 | 🌍 | 🌍 |
| 🔁 | 🔁 | 🔁 |
| 📵 | 📵 | 📵 |
| 🔋 | 🔋 | 🔋 |
| 🔎 | 🔎 | 🔎 |
| ✌ | ✌ | ✌ |
| 👍 | 👍 | 👍 |
| 🔥 | 🔥 | 🔥 |
Os valores hexadecimais são prefixados com “&#x”Enquanto o valor decimal usa &# no início. No entanto, ambos os valores são pós -fixados com um semicolon (;),
Observação: Você pode obter o código hexadecimal de todos os emojis do Unicode.org. Você encontrará que o código está escrito de uma forma como U+1F63A E para usar, você deve remover o U+ do valor hexadecimal e usar a outra parte do código hexadecimal.
Exemplo
O exemplo fornecido abaixo mostra o uso de vários emojis usando código hexadecimal e valores decimais.
1)- ✅ 2)- ✌ 3)- 🔥
É criado um parágrafo que usa valores decimais e valores hexadecimais de emojis para usá -los em html.
Saída
A saída representa que o código hexadecimal e os valores decimais são convertidos em seus emojis associados.
Como usar vários tons de pele de emojis em html
Vários emojis podem ter vários monitores e são chamados de tom de pele daquele emoji. Os tons de pele podem variar de escuro, seguido de médio e luz. Esses tons de pele podem ser adicionados com emojis usando os seguintes valores decimais.
| Tom de pele | Valor decimal |
|---|---|
| Luz | 🏻 |
| Luz média | 🏼 |
| Médio | 🏽 |
| Médio escuro | 🏾 |
| Escuro | 🏿 |
Vamos praticá -los.
Exemplo
O tom de pele pode ser adicionado a qualquer emoji, anexando o valor decimal do tom de pele ao valor decimal/hexadecimal desse emoji. Nós executamos o seguinte código a esse respeito:
Usando tons de pele leves: ✌🏻
Usando tons de pele de luz média: ✌🏼
Usando o tom médio da pele: ✌🏽
Usando tons de pele médio-escuro: ✌🏾
Usando tons escuros da pele: ✌🏿
Os cinco parágrafos podem ser vistos no código acima e cada parágrafo usa um tom de pele diferente para a vitória (✌) emoji.
Saída
A saída exibe os tons de pele clara, de luz média, média, média e escura de um emoji (✌).
Conclusão
Os emojis podem ser adicionados ao documento HTML de duas maneiras, copiar e colar o emoji ou usar os valores hexadecimais/decimais. Este post demonstra esses métodos para usar emojis em html. O método de cópia/pasta permite copiar o emoji e colá -lo no editor de código. O código Hex pode ser gerado a partir do unicode dos emojis que podem ser obtidos do Unicode.org. O método de cópia/pasta é fácil de seguir, no entanto, é recomendável usar o valor hexadecimal ou o valor decimal para usar emojis em html.