Welcome in this video.
I will be quick to calculator structure something in my index some of my index is team of Father which
is highlighted here.
So start by creating a doc type first so you do a left angle bracket exclamation mark and type pain
doc time and space hastier email dog type is not actually part of this email he said declaration to
the Web browser to notify the web browser that the content of this file.
He sent hastier mail far so on the next line up and create the beginning of the hastier mail.
The beauty of brackets is that he automatically closes the tag for you which is very useful.
So I need to do just press tab or enter to separate the hastier mail so any content between the opening
and closing to mail is regarded as to how to hastier email far.
So let me create the header section for these documents are typing head with content in the head section
does not get displayed.
Its just for informational reference purposes so I'm just going to tab to separate the content inside
the head content here I am going to create a title that will appear on the bar of a web browser and
to do that you use the title element in it.
That's Main and that's closing.
In between that are specified the title are just say simple cow coolly.
All right so that's my title.
Next thing I want to do in the home section is reference my sisters file which is this file in the external
file so to do that I need to link it to the link.
Real means this is an attribute that repaid the value of the country build its stylesheet.
Okay I'm going to add another attribute and the value of this attribute is going to be text.
Is this in the type of file.
This yes this is a text.
C c.
So as far as what this attribute is saying makes in I need to reference where it's located because it's
located in the same their okorie as the index still has terminal far.
All I need to do is specify the name of the file which estar dot C S s he can see.
That's the name of call it refers to there.
I have to close the track so that's all I need to do in the head section of my document so I will just
say that.
And that's my head fiction done soul less dead body element.
So the body or an element is what more contain the actual visible content.
So to say less than sign and time embodying are clues that tab to separate the tank.
All right so in between the body element is where I will place the visible content.
The first thing I want to do I want to add a head in for the calculator is going to be hit one heading.
So Type 1 and type in the name of the head.
This would be called simple calculator.
So that's the hedin I want to close the kirkley tool inside a form.
So I am going to create a form so to do that again use the tags and type in form inside the opening
form.
I'm going to add a couple of attributes.
The first is going to be an idea to identify the form.
So if I want to style it using assets I will stylee by using this side.
So the idea that it's going to be forced to call this car form which indicates calculator for a minute
and another attribute this is going to be a name attribute.
And I'm going to give this a name or car.
So this is the name.
This is the.
Now can close the form.
So I'm just going to separate that.
So we have the opening and closing and in between inside the form element is where I will add the various
buttons for the cup.
I'm going to wrap up this video here before I go I just want to quickly.
What has been done so far by clicking on this sign here.
This is a live preview that will preview the content of what we have done so far.
So you can see here the only visible content we have here is the one heading element which is this one
here.
The farm obviously will not show yet because I have not had any content to form element so in the next
video we'll start adding some buttons for the cut.
So thanks for watching.
Bye for now.