You will learn that HTML stands for
hypertext markup language.
0:00
But what does that actually mean?
0:05
Let me break down the meaning of this.
0:07
Hypertext refers to any text that can
be displayed on a computer screen,
0:10
and includes links to other text,
often referred to as hypertext documents.
0:16
The World Wide Web is an intricate
network of billions of documents,
0:22
all interconnected through hyperlinks.
0:27
For instance, the page you're currently
viewing is in itself a hypertext
0:30
document and you likely reached
it by clicking on a hyperlink.
0:34
A markup language is a set of
instructions that provide meaning
0:39
to the text within a document.
0:43
These instructions define how tech should
be structured, formatted, and laid out.
0:45
So, HTML serves as a markup language
that browsers used to present
0:51
information to users like text,
links, images, and videos.
0:56
It's the fundamental building
block upon which all websites and
1:01
web applications are built.
1:05
Let's quickly review how HTML works,
what it looks like, and
1:07
why it's essential for
structuring content on the web.
1:12
If you ever used a word processing
program such as Microsoft Word or
1:15
Google Docs, you've probably applied
formatting to blocks of text.
1:20
By creating a title for your document and
1:25
using headings to mark the beginning
of important content sections.
1:27
Inserting links to other documents or
web pages, adding images,
1:32
creating spaces, or
using dot points to create lists.
1:37
In essence, you've used the formatting
tools in the program to provide your
1:41
document with a clear structure.
1:46
HTML serves a similar purpose by
offering text formatting instructions
1:48
to web browsers through
tags known as markup.
1:53
Just as a document in Word or Google Docs,
without any formatting, would
1:57
appear somewhat bland, a web page without
HTML tags or markup would look like this.
2:02
Now, let's see that same content
displayed in the browser using markup.
2:09
Notice how the text on the page
becomes easier to scan and understand.
2:14
It also provides links for easy navigation
to other pages and more content.
2:19
If I right click or Ctrl+ Click on
the page and select View Page Source,
2:25
I can access the HTML code that
the browser uses to display this web page.
2:31
In fact,
2:37
we'll be creating this page together
as we explore each HTML tag in depth.
2:37
For now,
I just wanna show you how HTML looks.
2:43
There are two main vocab words
that you'll hear often and
2:47
interchangeably, tags and elements.
2:51
HTML tags are enclosed in angle brackets,
and left angle bracket and
2:54
a right angle bracket.
2:59
Take a look at the sets of tags
that surround the content.
3:01
These tags are the markup responsible for
displaying this page.
3:05
Notice how even though these tags
serve as instructions for the browser,
3:09
they're named with user-friendly
human-readable words like title,
3:14
body, header, main, and footer.
3:20
An HTML element includes both
the opening and closing tags, and
3:23
the content enclosed between them.
3:28
It represents a specific part of
the webpage's structure or content.
3:31
For example, the p-element represents
a paragraph on the page and
3:36
then includes an opening p-tag,
the content, and the closing p-tag.
3:42
HTML is understood by all browsers,
whether on phones, tablets, or
3:47
desktop computers.
3:52
That's why every website and
web app you encounter is built using HTML.
3:54
It's the language of the web,
4:00
and I'm here to guide you through learning
how to write it in the upcoming stage.
4:01
As I mentioned earlier,
4:06
HTML is just one component of
what makes a website complete.
4:08
Adding a touch of CSS can transform
the structure of a webpage into something
4:12
visually appealing.
4:17
So in the next video, we'll explore
deeper into the world of CSS.
4:18