HTML Introduction :-

  1. HTML stands for Hyper Text Markup Language.
  2. HTML is a simple markup language used to create hypertext documents that are platform-independent.
  3. HTML is used to build Web Pages.
  4. HTML is the skeleton of any Web Page.

Simple HTML Page

<!DOCTYPE html>
<html>
<head>
    <title>Page Title</title>
</head>
<body>
    <h1>My First Heading</h1>
    <p>My first paragraph.</p>
</body>
</html>

Understanding the above points with an example: -

Q1: -  Why does HyperText Markup Language Means?

  1. HyperText**:-** HyperText means the text which links to another page.
  2. Markup Language:- Markup Language means the Language which is used to structure the content (  e.g. text, images, videos, etc. ) of any page.

So, when we are actually writing the code as in the following example, we are doing Markup. Thus, it's Markup Language.

Let's understand this with an example. 

Create two files:- a) home.html and b) profile.html

home.html

<!DOCTYPE html>
<html>
<head>
    <title>I am Home Page</title>
</head>
<body>
    <h1>I am home Page Heading</h1>
    <p>My first paragraph.</p>
</body>
</html>

profile.html

<!DOCTYPE html>
<html>
<head>
    <title>I am Profile Page</title>
</head>
<body>
    <h1>I am Profile Page Heading</h1>
    <p>My first paragraph.</p>
</body>
</html>

So what we have done so far is made two pages: - 1 ) home.html and 2) profile.html. So our marking-up is done.

Now next part is understanding HyperText.

Now the text which allows us to connect say home.html to profile.html or vice-versa will be called hypertext. Let's understand with the same above example.

home.html

<!DOCTYPE html>
<html>
<head>
    <title>I am Home Page</title>
</head>
<body>
    <h1>I am home Page Heading</h1>
    <p>My first paragraph.</p>
    
&lt;!-- Hyper Text --&gt;
&lt;a href="profile.html" &gt;I am Hyper Text. I will take you to profile.html page&lt;/a&gt;

</body>
</html>

profile.html

<!DOCTYPE html>
<html>
<head>
    <title>I am Profile Page</title>
</head>
<body>
    <h1>I am Profile Page Heading</h1>
    <p>My first paragraph.</p>
&lt;!-- Hyper Text --&gt;
&lt;a href="home.html" &gt;I am also a Hyper Text. I will take you back to home.html page&lt;/a&gt;

</body>
</html>

Q2) What does Platform Independent mean and How HTML is Platform Independent?

Ans: - Platform Independent:- When code written for one type of machine say  Microsoft Windows,  can also run on another type of machine, say  Apple macOS, Linux, Android, and Apple's iOS, then we can say that the language is platform-independent.

HTML is platform-independent. That is why we are able to view all the web pages on the internet on any type of device.

Doe's:-

  1. HTML has various version. We should always use the latest version (the current version is HTML5).
  2. Any page created should follow the HTML structure properly. Though HTML doesn't complain about it by showing errors, we should always follow the structure. Know more…
  3. Properly Start and Close the tags. (Though all element doesn't require closing tags…E.g:- <input>, <img> , etc…).