Original subtitles

Welcome to the age team our class brought to you by creative online school.

My name is keep that I'm going to be your instructor.

I've been doing web design and development for about 20 years now and I've taught hundreds of students

in both classrooms as well as unlined different aspects of the web.

Now this is your first time in any kind of programming or doing anything outside of just surfing the

web yet.

Great news for you.

We're not going be doing any programming in this course.

You heard me right.

No programming contused.

Well guess what.

Each team is actually a markup language and you'll be doing coding not programming.

So I hope they had such a mind to these programming refers to code that actually execute something like

when you fill out a contact form on a Web site that gets sent to somebody or have an application that

uses a password to let you into the Web site.

Or maybe just something that adds two numbers to the other that's programming because it actually performs

an action when you run it.

Each Tomales more of a word processor it uses it to style a web page and laid things out and give them

color and placement on the page.

It's kind of like magician giving away their secrets.

I'm going to show you the magic that makes up a web page.

Now let's take a look at some of what each team looks like.

Now this is what a basic paragraph looks like an HMO.

Now it's not too far off from what it looks like if you open it up in a Word doc and just started typing.

But you notice and greater than or less than characters right in a letter or letters throughout the

paragraph.

These are what are called tags these tags are used to tell the browser how to display something.

Now for instance in this example you see a paragraph of text that starts out with a less than sign followed

by the letter P followed by the greater than symbol.

Now this is what tells a browser to start a new paragraph the end of the paragraph arrogancy almost

that same series of characters but with the forward slash before the p.

This is what tells the browser to stop the paragraph and start something new.

Now this could lead to a new heading.

A new paragraph an image or just be the end of the page.

Either way we've told the browser when to start and when to stop something.

Pretty easy right.

This is how almost all H.M. code works.

There's only a few instances of tags that don't end but I'll show you those a little bit later and of

them make sense why.

Now H-G mail stands for hypertext markup language.

So let's break that crazy computer speak down and make it make a little bit more sense.

Hypertext is any kind of tax that use light and link to something else that could be another web page

or PTF or an email or anything that you want to send it to.

This is what separates a web page from just a regular text page.

You actually link to other things.

Now the second half of that the market language is exactly what I mentioned earlier.

This is not a programming language but a markup language.

Meaning we're making up plain text and we're giving it some structure and characteristics to make it

look better.

So back to our example if you feel you're not remembering to close every tag that you open Think of

H.M. as standing for hamburger text markup language and picture your tags as being the bonds of a hamburger.

If you put one on top you need to put one on the bottom.

Otherwise it's not really going to be a hamburger meat is kind of a messy meat thing.

Right OK ready to move on.