All language subtitles for 5. Elements and Attributes

Hi, within this lecture, re going to see about different elements in each day.

And something called attributes Regling to see what those things mean.

So right now we have our head tag and now we're moving on to the buddy tag.

And we included Menta.

They tell like a title or some other things in the hat section.

But now we want to go into the buy the section because we want to display something.

So this is, for example, to display images, display tags, this display inputs and some other stuff.

And these are all called elements.

OK.

We're going to see a lot of different elements regarding the Web site development in ASTM.

So, first of all, let me start by taking a note in here so that you can follow along as well.

Maybe you want to take notes as well.

So we're going to cover elements in this section.

OK.

And I want to start with other first elements, first ever element that we are going to write.

And you can actually write this H one.

So it means Heather Vun every writing a header.

So what is a header?

It's actually a text again, but it's in bigger fonts.

So let me write.

Hello, H.T., Amelle.

And we close the tag like this.

OK, so if we save it and if we refresh this, as you can see, we see the Halo HDMI line here.

So it's a little bit different that month than what we have seen before.

It's in bold.

It's in bigger font.

And that is had the one that is H1.

And we have six headers like does.

You can try each of those by writing H2 had two, like H3 had three.

OK.

And this will be evolving in a reverse way.

It will be smaller than H1.

Like that.

OK.

So this is Heather too.

This is Heather Vaughn.

And let's do the H three as well.

Depending on your choice, depending on your website, you can use this, of course.

This is not a vet development car, so you don't have to know everything regarding HDMI.

But you have to know that H1 stands for a header and they're just writing some texts or here.

OK.

So this.

These are our first elements and these are pretty commonly used.

And if we want to make this a little bit fancier, we have to use, C.S. says, for styling, for choosing

colors, choosing styles, choosing phones.

We're not going to do that.

We don't generally deal with CSX in that panties thing, but we generally deal with H.T. here.

OK.

So we're just building things in a most basic way in here.

So often it is elements.

There are a couple of other things to learn as well.

So these are old texts.

You display some texts and we always open the tags and close the tags and write the content between

the text, between these tags in order to specify what we have that we're going to show in those tax.

And as you can see, we have open and close the tags in every section.

And like we have written over here, but not in the DOCTYPE because it was a self-closing tag, as I

said before.

So this is another example of self-closing tak B-R.

So B-R stands for break.

We don't see it in here, OK?

It's a line break.

And if you just put it somewhere else, like in between those headers, it will have as space between

them.

And if you open something like this in here, like after age two and write something in here, like

a class, it's called attributes.

So this is an attribute of the element H two.

So, for example, if you want to associate this with an CFS class, then you can do this.

You don't have to know every attribute of every element.

You can always look it up.

I'm going to show you how.

By the way.

But you have to know that this is called attribute and you can change the attributes of the elements

in a way that we're doing right now.

OK.

So this is an attribute.

Again, the class is an attribute and this is the value of that respective attribute.

OK.

And of course, we don't have something called MyCelx says this is just an example.

We're going to change and.

And different attributes later on.

And this is for only for you to understand what an attribute is.

It sent property of the H to.

And we can do the same thing in the H3 as well.

For example, if we create this tile with my Sears's, if we want it to be associated with H2 only,

we can just change the attribute of h t H2.

But maybe we want to apply this thing to the H tree as well.

Then we can change the attribute of a tree to the same value again.

And the cause is not the only attribute that we are going to be focusing.

We're going to focus on different attributes to out does lecture's as well.

But know that these are elements and these are the attributes of those elements.

OK.

So H1, H2, H3.

These are elements that we use as a header.

So it's different than the regular texts.

And if you write something like that, you can come over here and see.

Doesn't change the thing.

OK.

It doesn't break the code or something like that.

It still works.

But we can do some more fancier stuff with the attributes every going to do that later on.

So let me just take an auto in here and call that.

These are headings.

OK.

So this is a break.

And let me just call this paragraph beginning to see.

Break in later on.

Let me show you what a paragraph this paragraph is.

Just simple, plain text so we can just write whatever we want.

Like.

Test, test, test, test.

And you can create this element with a simple P.

It will be shown like this.

So this is a simple tax.

If you want to show a simple tax, you can use paragraphs, you can write whatever you want inside of

the paragraph tax.

OK.

So, for example, if you want to make some of these bold or some of these I italic, you can use some

other tags in here as well.

Like you can always differentiate the paragraphs if you want, but you can use something like this like

a strong tag inside of a paragraph.

And you can write whatever you may want to make it strong like this.

Don't forget to open or closed the tax.

OK.

And write test in here.

So strong means bolt.

And let's do something else like m e m.

So it stands for and fezzes.

So it enforces the test in an I telic way.

So let me save this by controle as any refreshes by control ar.

And as a.

See, the second one is in italic phones and this is in Balde phones.

So these are all different tags and these are all different elements that you may want to use in your

HDMI coat.

We are still inside the body, though.

We haven't gone out of the body because we want to show all of the things to the user.

OK, we're staying inside of the by the tags and that's how it works, right?

So, again, there are a couple of other elements and a couple of other examples of attributes that

we need to see in order to understand the A.T.M. fundamentals.

And we're going to do exactly this thing in the next lecture.