Instructor: Now let's get started
by learning a little bit more about HTML.
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 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's 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 project dot 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 gonna 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 tag.
These days there are loads more,
but realistically you're only gonna 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 gonna 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 gonna cover them as we need them
in our projects and in our exercises.
So in the next lesson, we're gonna 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.