Cómo usar emojis en HTML
Cómo usar emojis en HTML
Los emojis se pueden agregar solo un fenómeno de copia/pegado o usando el código hexadecimal del emoji.
Método 1: Copie el emoji y péguelo en el editor de códigos
Este método copia el emoji y lo pega en el editor. El ejemplo escrito a continuación practica este método:
1)- 😁 2)- 🗾 3)- 🥶
4)- ⏰ 5)- ⛔ 6)- ⛳
El código anterior contiene dos párrafos que contienen seis emojis. Hemos establecido el estilo de fuente de los párrafos en 25px (para obtener un emoji ampliado).
Producción
De la salida, se observa que los emojis se copiaron en el editor y se muestran en la salida.
Método 2: Uso del código hexadecimal y valor decimal
El valor decimal y los valores hexadecimales de los emojis se pueden usar para llevarlos a la página web. Antes de entrar en un ejemplo, echemos un vistazo a la tabla que muestra a los emojis con sus valores hexagonales y decimales.
| Emoji | Valor decimal | Código hexadecimal |
|---|---|---|
| ✅ | ✅ | ✅ |
| 💯 | 💯 | 💯 |
| 🎯 | 🎯 | 🎯 |
| 🌍 | 🌍 | 🌍 |
| 🔁 | 🔁 | 🔁 |
| 📵 | 📵 | 📵 |
| 🔋 | 🔋 | 🔋 |
| 🔎 | 🔎 | 🔎 |
| ✌ | ✌ | ✌ |
| 👍 | 👍 | 👍 |
| 🔥 | 🔥 | 🔥 |
Los valores hexadecimales tienen el prefijo "&#X"Mientras que el valor decimal usa &# al inicio. Sin embargo, ambos valores están postfijados con un punto y coma (;),
Nota: Puedes obtener el código hexadecimal de todos los emojis de Unicode.organizar. Encontrará que el código está escrito en una forma como U+1f63a Y para usarlo, debe eliminar el U+ del valor hexadecimal y usar la otra parte del código hexadecimal.
Ejemplo
El ejemplo proporcionado a continuación muestra el uso de varios emojis utilizando código hexadecimal y valores decimales.
1)- ✅ 2)- ✌ 3)- 🔥
Se crea un párrafo que utiliza valores decimales y valores hexadecimales de emojis para usarlos en HTML.
Producción
La salida representa que el código hexadecimal y los valores decimales se convierten a sus emojis asociados.
Cómo usar varios tonos de piel de emojis en HTML
Varios emojis pueden tener múltiples pantallas y se denominan el tono de la piel de ese emoji. Los tonos de piel pueden variar desde la oscuridad seguido de medio y luz. Estos tonos de piel se pueden agregar con emojis utilizando los siguientes valores decimales.
| Tono de piel | Valor decimal |
|---|---|
| Luz | 🏻 |
| Luz media | 🏼 |
| Medio | 🏽 |
| Mediocre | 🏾 |
| Oscuro | 🏿 |
Practicemoslos.
Ejemplo
El tono de la piel se puede agregar a cualquier emoji al agregar el valor decimal del tono de la piel al valor decimal/hexadecimal de ese emoji. Hemos ejecutado el siguiente código a este respecto:
Usando tono de piel claro: ✌🏻
Usando tono de piel de luz media: ✌🏼
Usando tono de piel medio: ✌🏽
Usando el tono de piel medio-oscuridad: ✌🏾
Usando tono de piel oscuro: ✌🏿
Los cinco párrafos se pueden ver en el código anterior y cada párrafo usa un tono de piel diferente para la victoria (✌) emoji.
Producción
La salida muestra los tonos de piel ligeros, medianos, medianos, medianos y oscuros de un emoji (✌).
Conclusión
Los emojis se pueden agregar al documento HTML de dos maneras, copiar y pegar el emoji o usar los valores hexagonales/decimales. Esta publicación demuestra estos métodos para usar emojis en HTML. El método Copy/Paste le permite copiar el emoji y pegarlo en el editor de códigos. El código hexadecimal se puede generar a partir del unicode de los emojis que se pueden obtener de Unicode.organizar. El método de copiar/pegar es fácil de seguir, sin embargo, se recomienda usar el valor hexadecimal o el valor decimal para usar emojis en HTML.