Welcome back.
In this video we're going to talk about how to setup an HD to document.
So let's go into the HD docs shortcut.
Go inside learn basic HD him all five right click click on new folder and we're going to do 0 1 that
space set in up each demo document.
Okay.
Now gonna close all of this right there.
We're going to click on Sublime Text.
We're going to go to the project menu click on Add folders the project I'm going to go to this P.S.
see C drive map h t docs learn basic H to a five and select the folder
there Go and click on View and do sidebar show sidebar if it's viewing it should pop up but for me it
didn't.
So the idea of this structure here is to make it really easy for you to come back and reference these
files if you get stuck or have a question and be able to do that so well one should do is right click
on the setting up a personal document folder and we create a new file here so here control US type an
index that each email and doing that died aged him Al on the document tells the web browser that it's
an HMO document and it says OK so anything that you write in here that's hypertext markup language I
can render that as you want as long as you use that format.
OK.
So what we're gonna do is I'm going to go over all the basic tags that you need to do to set up an HMO
document.
So we're going to start at the top and I'm going to do a left bracket an exclamation point and we're
gonna type in all caps Doc c t y p e a space and then lowercase h t and L and then into a right bracket
to close it and you see this little dot right here up there so that dot that turns into an x.
That means we haven't save the document.
So there's a couple of ways you can save this.
You can go to a file save or you can just hit control us.
So you're going to see me hit control us a lot.
So that's one keyboard shortcut that I'd like you to remember is just control s so that you're always
saving your file so you don't lose anything.
OK.
So now I'm in hit return and I'm going to do H Tim L..
That's the next tag we're going to do so a two left bracket H T L and then a right bracket and then
I'm into a left bracket a backslash and sublime will auto fill this once you start typing these tags
on.
Now if I had control if I hold control and hit the left arrow and hit that again it'll go to the middle
of that tag so mean and return twice and let's return one more time and then I hit the up arrow and
TAB in and hit control us to save then what I'm gonna do is I'm going to write the head tag case another
head tag is used for CSX meta tags viewport for Responsive Web Design you can put the title in there
and a lot more things that will get into a little bit later someone to do the left bracket and then
a backslash for the head tag.
I'm going to do the control left arrow and return three times and tab into six then what I'm to do is
the title tag.
So let's do left bracket T T L E and then right bracket and then left bracket and backslash and that
fills that and then below the head tag.
I'm just gonna return once.
We're going to do a left bracket body right bracket bracket backslash control and then left arrow in
and then return.
And then what I'm gonna do is go to line 13 hit backspace so that it lines up there and then do the
same thing on line 3.
So we've got a right there and there you go.
And there's one other.
It's not really a tag but I want to show you this because we're going to be using this throughout the
course.
Someone return and go up to line 10 and then tab in and control S and I wish I had a comment out code.
So we're gonna do left bracket explanation point two dashes comment out code and then two dashes and
a right bracket and that will close it control us.
And this is the standard tags that you need for an H to mail document.
Now what am I to do is right click open in the browser and then I'm going to right click and inspect.
So you can see OK Doc type H timeout H2 all the hash tags were here title had body come in our code
body HD him.
OK.
So those are all the tags that you need.
You don't need comment or code that's just extra.
But here's what we're gonna do.
I'm going to delete all that someone highlighted all.
The hit delete.
I mean hey control as to save.
Now once you type and H2 HMO and then hit tab that's going to audiophile and give you everything that
you need to set up an HDMI document.
So this is everything you need to start a Web page right here.
So with that I'm going to leave you with that and I'll see you in the next video.