‫Hey, there.
‫Welcome back.
‫Now let us quickly complete this topic on semantics, so there are few other important dogs that you
‫might use in the future.
‫The first one that I'm going to discuss about is actually figure.
‫So whenever we use this image, we don't have an option to add some caption regarding this image.
‫Or maybe you usually see some caption related to the image, image, name or anything else.
‫So there is a new tag which is called as trigger.
‫So instead of this just your image, you can add the finger and inside that you can use this image to
‫define your image.
‫Definitely.
‫And then you can use fake caption.
‫And you can read something related to image, and this will be demonstrated as a caption or this particular
‫image.
‫And users will be able to see remember, this all tag is when the images not loading, then this is
‫alternative what this caption loads along with the image.
‫Let me give you a demo.
‫So let me try to use my media and so that we have this information, which is image.
‫Let me use word than I'd otherwise.
‫This will be too big.
‫Three hundred five point eight x something.
‫Maybe 200 caption.
‫Traveling NYC, you get back to my page.
‫Here you can see this caption, it's visible along with my image.
‫So that's how this is going to walk and certain people are outnumbering certain people.
‫I just information like Figure one, if you are writing some content related to education, maybe if
‫you are writing some content with any other thing, you can mention that this is our finger, one finger
‫do or something else.
‫So that's how this bigger thing works.
‫And this is a pretty common example of how a blog post on Manage.
‫You can see this article inside that we have our own header.
‫So this header is general.
‫It's not restricted to this part.
‫Only we can use this header anywhere where we want to define things into multiple VAR if I want to give
‫you a quick idea about semantics.
‫That's how the old version look like.
‫We have this do inside this div.
‫We had this ban.
‫Now we have this header inside this we had now, then we have complete div inside this, we have multiple
‫parts.
‫Now we have this article and then we get multiple paragraph and now figure than we have out there.
‫Here we have a holder, so we are not restricted to any one particular item.
‫Maybe in our article, we have this here now and we have several paragraphs.
‫We can also have for that.
‫Maybe footer wants to define something else, maybe.
‫And for that, we want to add summary.
‫So there is no fixed layout.
‫You can decide what your content is and then you can utilize these stack.
‫This is completely dependent on your content and your choice.
‫There is no restriction and there is no such rule by anyone of them.
‫For now, I will strongly recommend before moving on to next section before moving on to next lecture.
‫Make sure to visit Prosource and read about these talks about article as I detail figcaption for the
‫header main section.
‫So you will get more idea how this is going to work.
‫Might take you maybe five to ten minutes, but it's a good habit or you don't on.
‫Also, you will see sardine example that have option about aside that will be referred to as the side
‫bar that we usually have again, in this example, we have this header.
‫And then this is on our bar.
‫Then you can see this inside.
‫And then here we have men inside dog.
‫We have multiple articles section.
‫And then we have that.
‫So here you have your own customized layout.
‫Similarly, in few other things, you will see this site is divided into multiple parts.
‫And this article is divided into multiple parts.
‫Let me give you a one quick example.
‫Now, if you look at this particularly out, what they did is they hired Harold.
‫And so I decided, I think you cannot maybe logo.
‫You can add something related to your log in, log out and then had to have navigation bar, which again
‫is divided into multiple parts.
‫Maybe you heard that or anything else.
‫Then they had this article section the header.
‫And there are multiple sections then they have for about this article.
‫Then they have the society section in which they have Section S. section.
‫And then they have an image for that.
‫So that's how this is going to work.
‫You're going to find your own structure, but make sure you understand these tags.
‫If you are using header, that means and specify a header or a particular document or section.
‫If you use code, that means there, define a footer or a document or a section, and that's the general
‫thing.
‫So I strongly recommend take a pause, read about them with our resources, go with them, understand
‫the best trend diagram.
‫This was pretty important if you can understand the rest of the things would be easier with your HDMI
‫journey.
‫I hope this lecture was helpful.
‫Almost everything is done, there are few other things that are remaining with HDMI.
‫And then we will jump on to the CSI part.
‫Thank you for calling and I see you ice and the next one.