1 00:00:07,450 --> 00:00:14,520 In the previous video, we saw the different ways of using emojis in this video. 2 00:00:14,530 --> 00:00:17,830 Let's see how we are going to put them into practice. 3 00:00:18,160 --> 00:00:23,270 And the option that we are going to use is called Unicode characters. 4 00:00:23,290 --> 00:00:32,280 So let me add a comment by saying let's look at the syntax for inserting emoji and it goes like this 5 00:00:32,290 --> 00:00:38,710 We bring in the ampersand hashtag and then the multiplication sign. 6 00:00:38,860 --> 00:00:44,440 Or we can use the ampersand and then the hashtag. 7 00:00:45,620 --> 00:00:49,860 So let's say I want to insect a smile emoji. 8 00:00:49,880 --> 00:00:55,330 So I'm going to remove this one and we need to put them inside a tag. 9 00:00:55,340 --> 00:00:57,440 And it goes like this. 10 00:00:57,560 --> 00:01:02,820 I want to put it inside each tag that is h one and inside the H one. 11 00:01:02,840 --> 00:01:13,400 This is where I want to insert the emoji and it follow the syntax as ampersand hash tag and then the 12 00:01:13,400 --> 00:01:15,050 multiplication symbol. 13 00:01:15,230 --> 00:01:17,990 And next I'm going to be the Unicode. 14 00:01:17,990 --> 00:01:24,350 And for my emoji we use 1f970. 15 00:01:24,710 --> 00:01:28,370 So let's save this one and let's have a look. 16 00:01:28,400 --> 00:01:32,870 And as you can see, we have the emoji as that. 17 00:01:33,140 --> 00:01:37,900 And one cool thing about emoji is that we can control the size. 18 00:01:37,910 --> 00:01:41,810 So let's say I want to increase the size of this emoji. 19 00:01:41,930 --> 00:01:48,790 For the meantime, you haven't done this yet, but let's use this small syntax for CSS and that is using 20 00:01:48,800 --> 00:01:50,320 attribute of style. 21 00:01:50,330 --> 00:01:55,280 And inside, let's increase the size of it as font size. 22 00:01:55,550 --> 00:01:59,180 And let me use 126. 23 00:01:59,210 --> 00:02:00,290 Let's have a look. 24 00:02:00,810 --> 00:02:05,790 As you can see, the emoji is big as the font size. 25 00:02:05,810 --> 00:02:10,960 Koo At this point we be thinking that how will you know the Unicode? 26 00:02:10,970 --> 00:02:18,740 And I'm going to use a special website called Unicode Table dot com, and I'll provide the link for 27 00:02:18,740 --> 00:02:19,160 you. 28 00:02:19,670 --> 00:02:24,920 And over here we have a couple of tabs if you click on emojis. 29 00:02:25,100 --> 00:02:29,360 And down here we have full emoji list and scroll down. 30 00:02:29,360 --> 00:02:31,880 You can see that we have the emoji. 31 00:02:31,880 --> 00:02:37,010 And when I move my mask on it, you can see that we have the Unicode here. 32 00:02:37,010 --> 00:02:39,380 That's a HTML code. 33 00:02:39,380 --> 00:02:43,400 And this is the Unicode, so I can copy this one. 34 00:02:45,050 --> 00:02:47,480 And back to my HTML. 35 00:02:48,840 --> 00:02:49,710 Pays that. 36 00:02:49,710 --> 00:02:50,940 And let's see. 37 00:02:52,100 --> 00:02:55,700 And you can see that we have the smile emoji. 38 00:02:55,880 --> 00:03:02,000 And let me copy this one and let me decrease the font size to something like. 39 00:03:02,730 --> 00:03:04,140 96. 40 00:03:06,900 --> 00:03:07,830 I saw that. 41 00:03:08,100 --> 00:03:16,300 And I want to use different emoji, which is this one smiling face with Halo. 42 00:03:16,320 --> 00:03:21,210 So I'll copy the code here and back here. 43 00:03:21,210 --> 00:03:24,270 Change with this one and use this. 44 00:03:24,840 --> 00:03:25,920 Let's have a look. 45 00:03:25,920 --> 00:03:27,210 And there you go. 46 00:03:27,240 --> 00:03:31,560 This is the emoji I use where I think I use different one. 47 00:03:31,560 --> 00:03:31,890 Right. 48 00:03:31,890 --> 00:03:33,360 So let me check again. 49 00:03:33,640 --> 00:03:36,420 For all behaving, click on it. 50 00:03:37,630 --> 00:03:44,260 And here we have the Unicode, which is this one. 51 00:03:44,260 --> 00:03:45,850 So I'm going to copy this. 52 00:03:48,650 --> 00:03:50,690 And use it. 53 00:03:52,190 --> 00:03:53,060 As that. 54 00:03:54,440 --> 00:03:55,770 And there you go. 55 00:03:55,790 --> 00:04:03,860 And one good thing about emoji is that we can copy the emoji itself without the Unicode and paste it 56 00:04:03,860 --> 00:04:06,620 inside our code, and it will work fine. 57 00:04:06,980 --> 00:04:09,770 Let me show you a different website for emojis. 58 00:04:09,770 --> 00:04:11,720 And if you go to emoji, copy that. 59 00:04:11,720 --> 00:04:12,740 Come here. 60 00:04:12,770 --> 00:04:15,310 You can copy any emoji and use it. 61 00:04:15,320 --> 00:04:21,740 So let's say that I want to use this emoji thing. 62 00:04:21,740 --> 00:04:23,240 Let me use any of this. 63 00:04:23,240 --> 00:04:33,230 For example, this one I have copied and inside here I can paste that and let's have a look. 64 00:04:34,000 --> 00:04:41,590 As you can see, we have that emoji and we have this website called Joy Pexels.com. 65 00:04:41,620 --> 00:04:47,140 For this one it is a paid service, so unless you've been subscribed before, you can use the emojis. 66 00:04:47,140 --> 00:04:56,590 So if I go to emoji here and for this particular site, we can download the emoji as an image. 67 00:04:56,620 --> 00:05:03,370 When I click on this, you can see that I can download whether PNG or different formats, but for this 68 00:05:03,370 --> 00:05:05,030 one is the premium service. 69 00:05:05,050 --> 00:05:11,800 So that's how we can use emojis in HTML and this website to we can copy emojis. 70 00:05:11,800 --> 00:05:18,580 For example, this character is let's say I want this one or let me use this dollar sign. 71 00:05:18,880 --> 00:05:22,150 I have copied that and piece in here. 72 00:05:23,140 --> 00:05:24,110 And let's have a look. 73 00:05:24,130 --> 00:05:26,320 And I have the dollar sign. 74 00:05:26,470 --> 00:05:29,170 So, guys, what is it about emojis? 75 00:05:29,170 --> 00:05:33,380 In the next video, we will talk about HTML entities. 76 00:05:33,400 --> 00:05:35,170 Let's continue in the next video.