Wie man Emojis in HTML verwendet

Wie man Emojis in HTML verwendet
Emojis sind die Zeichen, die zum Standardzeichen (UTF-8) von HTML gehören. Der Charaktersatz (UTF-8) enthält eine riesige Liste von Zeichen, die möglicherweise nicht mit der Tastatur wie die Emojis eingegeben werden. Die Emojis haben Dezimalzahlen und Hex -Werte, die verwendet werden können, um sie in HTML darzustellen. Dieser Artikel enthält eine Liste der weit verbreiteten Emojis und deren Verwendung in HTML.

Wie man Emojis in HTML verwendet

Das Emojis kann entweder durch ein Kopier-/Einfügen -Phänomen oder mit dem Hex -Code des Emoji hinzugefügt werden.

Methode 1: Kopieren Sie das Emoji und fügen Sie ihn in den Code -Editor ein

Diese Methode kopiert das Emoji und verhindert sie in den Herausgeber. Das nachstehend geschriebene Beispiel übt diese Methode aus:





Besondere Symbole



1)- 😁 2)- 🗾 3)- 🥶


4)- ⏰ 5)- ⛔ 6)- ⛳



Der obige Code enthält zwei Absätze, die sechs Emojis enthalten. Wir haben den Schriftart der Absätze auf 25px festgelegt (um ein vergrößerter Emoji zu erhalten).

Ausgang

Aus der Ausgabe wird beobachtet, dass die Emojis in den Herausgeber kopiert und in der Ausgabe gezeigt wurden.

Methode 2: Verwenden des Hex -Codes und des Dezimalwerts

Der Dezimalwert und die Hex -Werte von Emojis können verwendet werden, um sie auf der Webseite zu bringen. Bevor wir uns in ein Beispiel einlassen, schauen wir uns den Tisch an, der die Emojis mit ihren Hex- und Dezimalwerten zeigt.

Emoji Dezimalwert Sechskantcode
💯 💯 💯
🎯 🎯 🎯
🌍 🌍 🌍
🔁 🔁 🔁
📵 📵 📵
🔋 🔋 🔋
🔎 🔎 🔎
👍 👍 👍
🔥 🔥 🔥

Die Hex -Werte werden mit vorangestellt “&#X”Während der Dezimalwert &# zu Beginn verwendet. Beide Werte sind jedoch mit einem Semikolon nachfixiert (;),

Notiz: Sie können den Hex -Code aller Emojis von Unicode erhalten.Org. Sie werden feststellen, dass der Code in einem Formular wie geschrieben ist wie U+1F63a Um es zu verwenden, müssen Sie das U+ aus dem Hex -Wert entfernen und den anderen Teil des Hex -Codes verwenden.

Beispiel
Das unten angegebene Beispiel zeigt die Verwendung mehrerer Emojis unter Verwendung von Hex -Code und Dezimalwerten.





Besondere Symbole



1)- ✅ 2)- ✌ 3)- 🔥



Es wird ein Absatz erstellt, der Dezimalwerte und Hex -Werte von Emojis verwendet, um sie in HTML zu verwenden.

Ausgang

Die Ausgabe stellt dar, dass der HEX -Code und die Dezimalwerte in ihre zugehörigen Emojis konvertiert werden.

Wie man verschiedene Hauttöne von Emojis in HTML verwendet

Verschiedene Emojis können mehrere Displays haben und werden als Hautton dieses Emoji bezeichnet. Die Hauttöne können von Dunkelheit variieren, gefolgt von mittlerem und Licht. Diese Hauttöne können mit Emojis unter Verwendung der folgenden Dezimalwerte hinzugefügt werden.

Hautfarbe Dezimalwert
Licht 🏻
Mittellicht 🏼
Mittel 🏽
Mittelschwer 🏾
Dunkel 🏿

Lassen Sie uns sie üben.

Beispiel
Der Hautton kann jedem Emoji hinzugefügt werden, indem der Dezimalwert des Hauttons an den Dezimal-/HEX -Wert dieses Emoji angehängt wird. In dieser Hinsicht haben wir den folgenden Code ausgeführt:





Besondere Symbole



Mit hellem Hautton: ✌🏻


Mit mittlerer Lichthaut-Ton: ✌🏼


Verwenden mittelschwerer Ton: ✌🏽


Mit mittlerer Dunkelhaut-Ton: ✌🏾


Verwenden von dunklem Hautton: ✌🏿



Die fünf Absätze sind im obigen Code zu sehen, und jeder Absatz verwendet einen anderen Hautfarben für den Sieg (✌) Emoji.

Ausgang

Der Ausgang zeigt die leichten, mittleren, mittel-, mittleren und dunklen Hauttöne eines Emoji (✌).

Abschluss

Das Emojis kann dem HTML -Dokument auf zwei Arten hinzugefügt werden, entweder kopieren und einfügen das Emoji oder verwenden Sie die Hex/Dezimalwerte. Dieser Beitrag zeigt diese Methoden zur Verwendung von Emojis in HTML. Mit der Methode kopieren/einfügen können Sie das Emoji kopieren und in den Code -Editor einfügen. Der Hex -Code kann aus dem Unicode des Emojis generiert werden, der von Unicode erhalten werden kann.Org. Die Kopier-/Einfügen -Methode ist einfach zu befolgen. Es wird jedoch empfohlen, den HEX -Wert oder den Dezimalwert zu verwenden, um Emojis in HTML zu verwenden.