All language subtitles for 5. Making your first HTML page

That before we go too far I want to go ahead and let you take a look and see where H.T. mouth file looks

like by creating your own it's actually very simple.

You don't need any real special tools to do some of the basic work on it.

So what I'm going to do is open up on the Mac program called text and it's very simple text editing

program.

If you are PC I was just using something like Notepad or even a word or word for something like this.

Right.

This one really simple and just take a look at a basic each time file.

It's getting a page here.

I'm going to go ahead and just type out something very simple like you create a line.

And of course the error right away.

There's a fix that right hello creative online school.

This is my file.

Very simple text document what I am going to do is go ahead and go to save it and when I save it I'm

going to give it the name.

I call this one index I'll tell you when later on but when you get used just name a first file index

and it gives you the option to save it as something you could turn off text you just typing your own

extension there with the extension of h t m l I know some of these text editing programs will do that

option to click on a dropdown and save it as an HDMI file.

If not go ahead just add that extension yourself you're not going to blow up the Internet.

Don't worry.

And I must say that's my desktop so I can find it and actually you see right here my desktop my index

file.

And what's really cool about this is that you can test this stuff out without having to upload it to

a server.

So Michael Hayden opened up the browser here and all I have to do is grab his index file and drag it

off to a browser and I can see the text that I wrote.

I can look up the address bar and you can see that it is looking at my index study each time elf items.

I know that it's reading that and I can see the text that I wrote right here.

Now this is nothing that's going to win any prizes for creativity.

You just want to shoot it basic each HTML file looks like.

Now another thing that you don't mind take a look at here is move this over to the overdesign and keep

this open.

It's still referencing is indexed.

Each team metafile going to come back to my document here.

And I want to go ahead and my first line of each team of code and keep this one a really really simple

and equal to the left of Hello I do a less than symbol lowercase be any good or in symbol and come over

here and I mean at almost the same thing.

The other end of the text here do less then but this time I'm into a forward slash lower case being

a greater than symbol 6 it might be moved outside of that area.

All right.

So less than forward slash let it be greater than what I've done is added a B or A bold tag to the beginning

of this word here.

And another one at the end.

I want to get more into these tanks and what they mean later.

But again this one just means to bowl the text that's in there.

So in most cases you would probably expect to see this in the browser with less than to be greater than

symbol on both sides of this text here.

But again this is telling the browser to use this today to do something creative to it.

So I saved my file here and I come back to my browser window and because it's still referencing that

same file I haven't changed the name bit or anything like that.

All I should have to do is click on my refresh button here and see my text.

Couple.

So that's just a taste of what we're going to be doing in the rest of these.

Each time a class file.

So that's just a taste of what we're going be doing throughout the rest of this course here.

You get your first experience cred in HD mouth.

There's obviously a lot more to it but we ended our first tag as well and you see how the browser translates

that into something that's I shouldn't give you that mark of language that styling of the page and the

content on it.

So let's go ahead and talk about HDMI editors the next.