Categories
Coding Tutorial

Introduction to the HTML

Hey guys, this is Bhanu Stark from Public App. In this post, we will see the Introduction to the HTML. This is the 5th post of Full-Stack Web Development.

What is HTML?

HTML stands for HyperText Markup Language. Let’s breakdown this –

So there are two main parts of this name – HyperText and Mark up Language. What is their meaning?

Firstly we’ll understand the meaning of HyperText

Meaning of HyperText

HyperText is very similar to HyperLink like you may already see HyperLink in Microsoft Office Word.

When we click on some text in the HTML web page then that moves us to the different web pages that text is called HyperText.

For example here is the HyperText – Public App

When you will click on the Public App, you will be navigated to the Public App’s homepage. This is called HyperText.

Now we will see what is the meaning of Markup Language.

Meaning of Markup Language

Markup Language has been going on for a long time. Markup language was used by authors when they were writing any book or their book’s script before printing the book. They were marking up the script and then they were sending the scripts to the publisher to print the book.

Markup means where is heading and where is the content of that heading they were marking up in that time’s markup language. Like this part of the script is heading, this is content, this should be bold and this should be italic, etc.

So this is called Markup. And that time Authors marked up their script and then they were sending that to the publishers. Then publishers see the markup and understand where it should be heading, bold, italic, etc, and then they print their book.

At this time there are a lot of markup languages like

  1. HTML – HyperText Markup Language
  2. XML – Extensible Markup Language
  3. GML – Generalized Markup Language

These are the most popular markup language at this time to markup any kind of content or script.

Example of HTML markup language –

<h1>Hello world</h1>

<p>This world is so beautiful.</p>

Here in the markup, you can understand the Hello World is a heading and This world is so beautiful is a paragraph.

Markup language is mainly used to structure the content or script.

Without markup, it’s not possible to structure the content or web page. Like when we authors were marking up the content of the book, they were actually creating a structure for their book.

Same as that, we use Markup Language to structure the web page.

Frequently Asked Questions about HTML

When was HTML invented?

The first version of HTML was invented in 1993.

When was CSS invented?

The first version of CSS was invented in 1994.

When was JavaScript invented?

The first version of JavaScript was invented in 1996.

Can we make a website only using HTML without CSS or JavaScript?

As above you can see HTML came before the rest of the languages.

Then the answer is Yes, we can create a website only using HTML without CSS or JavaScript.

Because when there were not any CSS or JavaScript language and HTML has still existed in use. So we can do this at this time too.

Can we make a website without HTML in CSS or JavaScript or in both?

Of course, not. This is not possible. Because without walls, doors, and windows you can’t create a house. And when there are no walls, doors, and windows, what will you paint, where will you do plumbing and install electrics.

Same as the example, when you don’t have HTML or you don’t have HTML structure, what will you design using CSS? there will be no use of CSS.

So it’s not possible.

Boilerplate of HTML

<!DOCTYPE html>

<html lang="en" dir="ltr">

<head>

<title>Hello</title>

</head>

<body>

<h1>Hello World</h1>

</body>

</html>

In the next post, we will break down and understand the Boilerplate of HTML and we’ll understand every HTML element, tag, and attribute, How to open tag and close tag.

Watch the YouTube Video of this Post

See you in the next post.

Comment down if you have any issues or questions about this post.

Leave a Reply

Your email address will not be published. Required fields are marked *