In the previous video, we saw the different ways of using emojis in this video.
Let's see how we are going to put them into practice.
And the option that we are going to use is called Unicode characters.
So let me add a comment by saying let's look at the syntax for inserting emoji and it goes like this
We bring in the ampersand hashtag and then the multiplication sign.
Or we can use the ampersand and then the hashtag.
So let's say I want to insect a smile emoji.
So I'm going to remove this one and we need to put them inside a tag.
And it goes like this.
I want to put it inside each tag that is h one and inside the H one.
This is where I want to insert the emoji and it follow the syntax as ampersand hash tag and then the
multiplication symbol.
And next I'm going to be the Unicode.
And for my emoji we use 1f970.
So let's save this one and let's have a look.
And as you can see, we have the emoji as that.
And one cool thing about emoji is that we can control the size.
So let's say I want to increase the size of this emoji.
For the meantime, you haven't done this yet, but let's use this small syntax for CSS and that is using
attribute of style.
And inside, let's increase the size of it as font size.
And let me use 126.
Let's have a look.
As you can see, the emoji is big as the font size.
Koo At this point we be thinking that how will you know the Unicode?
And I'm going to use a special website called Unicode Table dot com, and I'll provide the link for
you.
And over here we have a couple of tabs if you click on emojis.
And down here we have full emoji list and scroll down.
You can see that we have the emoji.
And when I move my mask on it, you can see that we have the Unicode here.
That's a HTML code.
And this is the Unicode, so I can copy this one.
And back to my HTML.
Pays that.
And let's see.
And you can see that we have the smile emoji.
And let me copy this one and let me decrease the font size to something like.
96.
I saw that.
And I want to use different emoji, which is this one smiling face with Halo.
So I'll copy the code here and back here.
Change with this one and use this.
Let's have a look.
And there you go.
This is the emoji I use where I think I use different one.
Right.
So let me check again.
For all behaving, click on it.
And here we have the Unicode, which is this one.
So I'm going to copy this.
And use it.
As that.
And there you go.
And one good thing about emoji is that we can copy the emoji itself without the Unicode and paste it
inside our code, and it will work fine.
Let me show you a different website for emojis.
And if you go to emoji, copy that.
Come here.
You can copy any emoji and use it.
So let's say that I want to use this emoji thing.
Let me use any of this.
For example, this one I have copied and inside here I can paste that and let's have a look.
As you can see, we have that emoji and we have this website called Joy Pexels.com.
For this one it is a paid service, so unless you've been subscribed before, you can use the emojis.
So if I go to emoji here and for this particular site, we can download the emoji as an image.
When I click on this, you can see that I can download whether PNG or different formats, but for this
one is the premium service.
So that's how we can use emojis in HTML and this website to we can copy emojis.
For example, this character is let's say I want this one or let me use this dollar sign.
I have copied that and piece in here.
And let's have a look.
And I have the dollar sign.
So, guys, what is it about emojis?
In the next video, we will talk about HTML entities.
Let's continue in the next video.