Skip to main content

Html special characters , UTF-8 special characters , emojis in html

We all are well known by emojis. We use them frequently in chats to express ourselves.
In web emojis and other special characters can be added using special keywords which is like this &#*****; where the places of asterisks (*) are to be taken by UTF character values. For example the emoji 😘 can be added using &#128536

If you want you can also add emojis and other special characters without writing the UTF code.
You can also copy and paste these entities directly in your HTML document, but before that add following line of code in <head>tag of document
HTML
<meta charset="UTF-8">

Example:


HTML
<p>I am &spades;</p>
<p>I am &#9824;</p>
<p>I am &#x2660;</p>
I am ♠
I am ♠
I am ♠

A list of unicodes of html emojis can be found here at https://apps.timwhitlock.info/emoji/ and also here athttp://www.unicode.org/emoji/ or at https://websitebuilders.com/tools/html-codes/emoticons/
W3SCHOOLS has given a very easily readable list of all the UTF-8 Special characters.

Comments

Popular posts from this blog

CSS animations , flying rocket and rotating cube.

Learning CSS ANIMATIONS CSS animations are great and always been attractive for everyone. Today here I am gonna teach you the animation in which a font-awesome rocket is flying between the clouds and also a 3D rotating cube with perspective. The rocket animation is 2D and made with the help of font-awesome and css transform property. You can download the source file of flying rocket by Here  . For the full tutorial Go to  Rocket animation css tutorial  . Download the source file of rotating cube by  Here  . For full tutorial go to  to this link  .

CSS text gradient - Web development Tutorials

Create pure css text gradients using simple trick . The gradient us made using background image property and the the background clip property has been set to text and at last color is set to transparent , to make a beautiful text gradient without any library but remember to use vendor prefixes. The codepen project is  here

Basic CSS , Introduction to properties

CSS is a stylesheet language which runs in users browser to give a rich and decorative user-experience.Currently the latest version available of CSS is 3 and CSS4 is going to arrive with many new features. CSS3 brought many new features like Animations , transforms etc. Today here we are gonna cover all the basic properties used in CSS , which you are gonna use most of the time. The colors supported in CSS can be written in the form of hsba() or hsb() or rgb() or rgba() or hexadecimal or in color names. Color Opacity Background Border Box-shadow Height and Width Position Margins and paddings Display Text-Align Font Properties : Color The color property sets color of the text inside the selector. CSS p { color : red ; } //produces Hello world! CSS p { color : rgb ( 38 , 98 , 67 ) ; } //produces Hello world! Opacity The color property sets opacity of any selected element. It varies from 0 (invisbile) to 1(fully visbile) CSS p {...