1
00:00:00,420 --> 00:00:01,020
‫Hey, there.

2
00:00:01,050 --> 00:00:01,710
‫Welcome back.

3
00:00:02,010 --> 00:00:08,190
‫Now let us quickly complete this topic on semantics, so there are few other important dogs that you

4
00:00:08,190 --> 00:00:09,390
‫might use in the future.

5
00:00:09,750 --> 00:00:13,290
‫The first one that I'm going to discuss about is actually figure.

6
00:00:13,710 --> 00:00:19,320
‫So whenever we use this image, we don't have an option to add some caption regarding this image.

7
00:00:19,710 --> 00:00:25,410
‫Or maybe you usually see some caption related to the image, image, name or anything else.

8
00:00:25,800 --> 00:00:28,710
‫So there is a new tag which is called as trigger.

9
00:00:29,430 --> 00:00:35,510
‫So instead of this just your image, you can add the finger and inside that you can use this image to

10
00:00:35,510 --> 00:00:36,420
‫define your image.

11
00:00:36,420 --> 00:00:37,170
‫Definitely.

12
00:00:37,590 --> 00:00:39,840
‫And then you can use fake caption.

13
00:00:40,780 --> 00:00:46,870
‫And you can read something related to image, and this will be demonstrated as a caption or this particular

14
00:00:46,870 --> 00:00:47,200
‫image.

15
00:00:47,500 --> 00:00:54,220
‫And users will be able to see remember, this all tag is when the images not loading, then this is

16
00:00:54,220 --> 00:00:58,300
‫alternative what this caption loads along with the image.

17
00:00:58,330 --> 00:00:59,470
‫Let me give you a demo.

18
00:00:59,860 --> 00:01:07,030
‫So let me try to use my media and so that we have this information, which is image.

19
00:01:07,930 --> 00:01:10,900
‫Let me use word than I'd otherwise.

20
00:01:10,900 --> 00:01:11,860
‫This will be too big.

21
00:01:12,700 --> 00:01:14,890
‫Three hundred five point eight x something.

22
00:01:16,530 --> 00:01:18,750
‫Maybe 200 caption.

23
00:01:20,570 --> 00:01:25,730
‫Traveling NYC, you get back to my page.

24
00:01:27,990 --> 00:01:31,380
‫Here you can see this caption, it's visible along with my image.

25
00:01:31,830 --> 00:01:36,030
‫So that's how this is going to walk and certain people are outnumbering certain people.

26
00:01:36,250 --> 00:01:42,510
‫I just information like Figure one, if you are writing some content related to education, maybe if

27
00:01:42,510 --> 00:01:47,100
‫you are writing some content with any other thing, you can mention that this is our finger, one finger

28
00:01:47,100 --> 00:01:48,060
‫do or something else.

29
00:01:48,600 --> 00:01:50,910
‫So that's how this bigger thing works.

30
00:01:51,330 --> 00:01:56,460
‫And this is a pretty common example of how a blog post on Manage.

31
00:01:56,490 --> 00:02:00,390
‫You can see this article inside that we have our own header.

32
00:02:00,600 --> 00:02:02,220
‫So this header is general.

33
00:02:02,220 --> 00:02:03,990
‫It's not restricted to this part.

34
00:02:03,990 --> 00:02:10,890
‫Only we can use this header anywhere where we want to define things into multiple VAR if I want to give

35
00:02:10,890 --> 00:02:12,720
‫you a quick idea about semantics.

36
00:02:12,930 --> 00:02:15,150
‫That's how the old version look like.

37
00:02:15,480 --> 00:02:17,580
‫We have this do inside this div.

38
00:02:17,580 --> 00:02:18,600
‫We had this ban.

39
00:02:18,960 --> 00:02:25,170
‫Now we have this header inside this we had now, then we have complete div inside this, we have multiple

40
00:02:25,170 --> 00:02:25,560
‫parts.

41
00:02:26,040 --> 00:02:32,040
‫Now we have this article and then we get multiple paragraph and now figure than we have out there.

42
00:02:32,220 --> 00:02:37,200
‫Here we have a holder, so we are not restricted to any one particular item.

43
00:02:37,500 --> 00:02:41,250
‫Maybe in our article, we have this here now and we have several paragraphs.

44
00:02:41,250 --> 00:02:42,590
‫We can also have for that.

45
00:02:43,020 --> 00:02:45,740
‫Maybe footer wants to define something else, maybe.

46
00:02:45,750 --> 00:02:47,790
‫And for that, we want to add summary.

47
00:02:48,180 --> 00:02:50,400
‫So there is no fixed layout.

48
00:02:50,490 --> 00:02:55,020
‫You can decide what your content is and then you can utilize these stack.

49
00:02:55,890 --> 00:02:59,940
‫This is completely dependent on your content and your choice.

50
00:02:59,970 --> 00:03:04,110
‫There is no restriction and there is no such rule by anyone of them.

51
00:03:04,830 --> 00:03:11,370
‫For now, I will strongly recommend before moving on to next section before moving on to next lecture.

52
00:03:11,790 --> 00:03:19,170
‫Make sure to visit Prosource and read about these talks about article as I detail figcaption for the

53
00:03:19,170 --> 00:03:21,150
‫header main section.

54
00:03:21,420 --> 00:03:24,090
‫So you will get more idea how this is going to work.

55
00:03:24,960 --> 00:03:29,250
‫Might take you maybe five to ten minutes, but it's a good habit or you don't on.

56
00:03:30,620 --> 00:03:37,310
‫Also, you will see sardine example that have option about aside that will be referred to as the side

57
00:03:37,310 --> 00:03:40,970
‫bar that we usually have again, in this example, we have this header.

58
00:03:41,240 --> 00:03:43,010
‫And then this is on our bar.

59
00:03:43,340 --> 00:03:44,990
‫Then you can see this inside.

60
00:03:44,990 --> 00:03:47,760
‫And then here we have men inside dog.

61
00:03:47,780 --> 00:03:49,850
‫We have multiple articles section.

62
00:03:50,030 --> 00:03:51,290
‫And then we have that.

63
00:03:51,740 --> 00:03:54,710
‫So here you have your own customized layout.

64
00:03:55,460 --> 00:04:00,500
‫Similarly, in few other things, you will see this site is divided into multiple parts.

65
00:04:00,860 --> 00:04:03,380
‫And this article is divided into multiple parts.

66
00:04:03,410 --> 00:04:05,570
‫Let me give you a one quick example.

67
00:04:08,010 --> 00:04:12,140
‫Now, if you look at this particularly out, what they did is they hired Harold.

68
00:04:12,420 --> 00:04:15,660
‫And so I decided, I think you cannot maybe logo.

69
00:04:15,660 --> 00:04:21,630
‫You can add something related to your log in, log out and then had to have navigation bar, which again

70
00:04:21,630 --> 00:04:23,310
‫is divided into multiple parts.

71
00:04:23,310 --> 00:04:24,900
‫Maybe you heard that or anything else.

72
00:04:25,380 --> 00:04:28,050
‫Then they had this article section the header.

73
00:04:28,260 --> 00:04:32,280
‫And there are multiple sections then they have for about this article.

74
00:04:32,670 --> 00:04:36,840
‫Then they have the society section in which they have Section S. section.

75
00:04:37,110 --> 00:04:38,730
‫And then they have an image for that.

76
00:04:39,150 --> 00:04:40,690
‫So that's how this is going to work.

77
00:04:40,710 --> 00:04:45,570
‫You're going to find your own structure, but make sure you understand these tags.

78
00:04:45,570 --> 00:04:51,570
‫If you are using header, that means and specify a header or a particular document or section.

79
00:04:51,930 --> 00:04:58,500
‫If you use code, that means there, define a footer or a document or a section, and that's the general

80
00:04:58,500 --> 00:04:58,800
‫thing.

81
00:04:59,430 --> 00:05:05,330
‫So I strongly recommend take a pause, read about them with our resources, go with them, understand

82
00:05:05,340 --> 00:05:06,500
‫the best trend diagram.

83
00:05:06,510 --> 00:05:11,910
‫This was pretty important if you can understand the rest of the things would be easier with your HDMI

84
00:05:11,910 --> 00:05:12,420
‫journey.

85
00:05:13,380 --> 00:05:15,000
‫I hope this lecture was helpful.

86
00:05:15,180 --> 00:05:18,780
‫Almost everything is done, there are few other things that are remaining with HDMI.

87
00:05:19,170 --> 00:05:21,660
‫And then we will jump on to the CSI part.

88
00:05:22,200 --> 00:05:24,570
‫Thank you for calling and I see you ice and the next one.