Hello and welcome.
In this video I will walk you through a basic hastier mail document structure.
This is an illustration of a basic hastier middle document structure.
So I'm going to walk you through the structure from top to bottom.
I'll start with the doctype the doc type is what is called a declaration.
It must be the very first thing in your heathier mail document before the history air marshal tag the
dock type declaration is not an hastier mail tag.
It is an instruction to the Web browser about what version of hastier mail the page is written in.
It lets the web browser interpret the same documents as a web page.
You always have to add the type declaration to the very top of your document.
The first thing you should do.
So the web browsers knows what type of document to expect.
And then they can render the correct document.
I have written the doctype in my case but it is not case sensitive.
So you can also write it in like case.
So in the illustration here say dock type space hastier males I'm busy closely the document type is
an hastier mail document.
So you're right the way you write the adult type you do the less than sign exclamation mark doctype
and then hastier mail and then a greater than sign.
Next we have the hastier mail element.
So we've got the whole clean page tmr element and the closing hastier mail element the closing element
is identified with the forward slash before the tag is close to the cma element wraps all the content
on the entire page.
And it is sometimes known as the root element.
Next we've got the head element which contains all the metal information about the document motor basically
refers to information about information so is micro information about information.
The head element acts as a container for all the stuff you want to include on the hastier mill page.
So whatever our content is enclosed in the head between the head element isn't the content that is visible
when someone hits your web page.
So within the head element you can add tags like the metal casket or saw the page title.
You can also include that in there.
What is it made to cast it.
The cast said basically has a value of beauty.
Dash it which is the attribute this element basically is used to set the character off your document.
So this standard is a utf Dash 8 which includes most characters from the vast majority of human writing
languages.
So when you have your met our carcetti set to your tier that's it.
It essentially means that he can handle any textual content you might put on it.
The title element is used to set that title off your page which is the title that appears in the web
browser tab.
So when the page ad really loads it'll have a tag a title on the web browser.
This is the.
Right.
You would have set within the documents that will get displayed and people can bookmark that and also
see that as a favourite.
Next we have the body element the body element our trulli contains the visual content of the page.
So when you visit the website the actual content you can see is the content that is wrapped between
the body tag which is anything between the opening and closing body tag is the visible content that
is displayed on the web page.
So it contains all the content that you want to show to the web user or visitor when they visit your
page whether that is text images videos games playable audio tracks or what about content you have you
have to place it between the body element for the visitor to see it inside the body element.
I have called some other nested element.
I've got a hey one tank between elemen Physically is used for hedin tag you can use that if you want
to create a heading.
And usually there are 1 2 6 1 being the largest we've got.
The P stands for paragraph.
You use that to add paragraph to a web page.
Next we've caught the mge which is an image tag if you want to add images to your web page.
Use the empty tack BMG is what is known as a self-closing attack.
It doesn't have a close intact inside.
I am g.
Tag.
You have to specify a couple of attributes.
The first country boot is called The Test power of C or D Source.
So basically if you add in an image you need to use the source attribute to specify where the image
is going to be a reference from an every attribute you assign a value using that equals to.
And you enclose the values in quotes.
So in my example here I've said the image is located in my images folder and in the name of that image
is called Poppy dot G next.
And what the attribute called OT.
This is core the alternate text and you have to give it a value of giving it a value of cute puppy image.
Basically what that does if for any reason the image is meant to be on this page does not get displayed
the alternate text will display the text instead.
So the text will advise visitors that there was an image here or maybe a cute puppy or whatever.
But basically you have to give a descriptive text that will show up.
If anything happens to the image for example if the images moved or not position probably for some reason
or the other doesnt display.
Then they alternate text.
Yes this played instead.
There are so many CML elements vonda just use a tiny bit here in this illustration by as you continue
to get more knowledgeable in his team.
You begin to get more exposed to more hastier male elements.
So that's it for this video.
On the basic hastier male documents the structure.
Thank you.
Bye.