Original subtitles

Now let's get started by learning a little bit more about what exactly is it and how do we use it to

create websites.

Now, no matter what browser you like to use, Chrome or Safari or Brave, even all of these applications

do the same thing.

They take different files such as HTML, CSS and JavaScript, and they render them into a website.

But even though most modern websites are created using these three different file types combined together,

you can't create a website with just a CSS file or just a JavaScript file.

However, you can have just an HTML file.

And in fact, that's exactly what the first websites were created with HTML.

Now HTML defines the content and structure of the website.

So for example, in this case, all that my HTML file does is it it renders a heading that says my website.

And when this file is opened by the browser, it will display that heading saying my website.

Now what exactly is HTML?

Let's break it down.

So HTML stands for hypertext markup language.

If we look at the first part, hypertext, what does that mean?

Well, it refers to the pieces of text which can link to other documents in the website.

So these pieces of text are hypertext or hyperlinks, and they are the foundation of how an HTML website

works.

Now, if we take a look at the World First website created by Sir Tim Berners-Lee, who also happens

to be the inventor of the Internet, then you can see it's filled with these hyperlinks marked in blue

and exactly as you would expect.

If you click on any of these hyperlinks, it takes you to another document, another HTML file.

So if we go back, you can see that we were on projecting HTML.

And if I click on one of the hyperlinks like how can I help, it will take me to another HTML file and

this is how hypertext works.

And there's even a link on this website explaining exactly what hypertext is.

So now that we know what hypertext is, what about the other part, the markup language?

What is a markup language?

Now, if you look at the English language, we often see little bits that function very similar to markup,

like these double quotes.

The presence of these quotation marks is what tells a reader that this part is a quotation.

And as you'll find, this is going to be really similar to what you see in the editor's review of manuscript.

So used to mark them up and show different things, such as, for example, which parts need to be bold

by adding a squiggly line underneath it and which parts need to be underlined by adding a straight line

through it.

So how do you do markup with HTML?

Well, it's done through what's called HTML tags.

Now, in the early days of the Internet, there were only very few HTML tags.

These days there are loads more, but realistically, you're only going to be using some of the most

important ones such as headings H1 through to H6 or the paragraph tag the P tag.

So here you can see all of the HTML tags, but when we narrow it down to the ones that you actually

need to know, then it makes it a lot more approachable.

And in the rest of the course we're going to be covering some of the most essential tags.

And so don't worry about learning them.

So don't worry about memorizing all of them or learning them.

We're going to cover them as we need them in our projects and in our exercises.

So in the next lesson, we're going to get started by learning about the heading tag, one of the most

OG HTML tags that ever existed.

So for all of that and more, I'll see you on the next lesson.