Hello and welcome to the part two of Crete in a busy hastier mode document structure.
We are going to be using a text editor.
And the text edit or be using is called brackets.
I recommend you use Brackin so it's easier for you to follow along.
In the example However if you haven't got brackets or if you've got a preferred text that it all you're
used to.
Please feel free to use that to open the brackets text that it'll just locate the icon.
If you're a Mac go to your applications folder.
If you're on windows go to programs.
I think his CV icon for brackets just click to launch the application.
If this is the first time you launch the brackets text editor installation it provides some sample code
for you here just to illustrate how various parts of it work.
But what we're going to do.
I'm going to open up our project directory inside the text editor so I'm going to navigate to it.
I'm going to click file folder and the folders on my desktop so I'm going to navigate to my projet for
that which is this one here.
This is what I want.
I just click and will open it inside the text editor.
So on the left pane here you can see my sub folders and my main projet folder.
So if I expand for that here it is here.
Got a couple of images in that folder so I'm going to create a new file and I'm going to save that file
as an index or hastier mail any farm that's called deduct CML extension is treated as a web page or
hastier mail document.
Some want a good to file and click on you and you can see is giving in a new here and I'm going to click
on save to save us.
I'm going to save it into the root.
This earache is a root and I'll call it index dot hastier mail and click save.
So you can see on the title here he chose the name of the file.
I've just created and can see ways got work on farms.
He's got The File currently highlighted which means any file in this area is the file you're currently
working on.
So any code are right in here now.
Will now be an e-mail code so that when the when I launch this with a web browser it will know that
it's in his timal document.
So the first thing you do in his mental comment is indicate the doctype.
So do we do that to here less than symbol on your keyboard.
An exclamation mark.
And then you type in the Word doc type.
You can make it lower case if you like it's not case sensitive and then you do a space and then in lower
case you type in page to email and there you do a greater downside.
So that's the very first line of code you write inside hastier mail document.
So let's move on to the next line.
So the next line here we are he can give a couple of spaces if you want.
I'm going to now specify be his team I'll document.
So you do that by again less than sign on your keyboard type hasty email and then a greater down side.
Most tags have an aeroplane and a close in tag.
One good thing about brackets is that it automatically also as the closing tag for you so you need to
do just press and turn your keyboard.
And that will separate them.
So any code between the plane unclose in his term old tags will now be referred to as hastier mail documents
or anything between these elements the opening and closing is treated as a web page.
So next tab down and then we create the head section which is the head element.
He's going to do less than sign your typing head being a greater than sign and it automatically places
a closing element for you to just press enter till separate and in between the head element inside the
head element.
Here's where we're going to specify some other nested element.
So I'm going to place some other elements between the head element in the next field.
But before I wrap up this with you I just want to create the body element.
So again the way you do that head to less than sine then time pimm body being a greater than sign.
You can see automatically places close in tack and inside the body element is where will have some other
elements.
Any elements inside the body element is the content that the visit to the P will see any tags or element
inside your head is shows for information purposes.
He doesn't get displaced.
Do deal live in a good display.
If you have a title here the title will show when the page is rendered by the web browser.
Just says you have the title here seen in text or email when the web browser launches this web page.
It will have whatever title you've given to this page it will have it displayed in the web browser window
so that's it for this part of the video in part 3 we all had more elements to the document structure.
Thank you for watching and by now.