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 example : - 

Q1 : -  Why does Hyper Text Markup Language Means ?

  1. Hyper Text :-  Hyper Text 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, its Markup Language.

 

Lets 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 page : - 1 ) home.html and 2) profile.html . So our marking up is done.

Now next part is understanding Hyper Text.

Now the text which allows us to connect say home.html to profile.html or vice-versa will be called hypertext. Lets 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>
	
	<!-- Hyper Text -->
	<a href="profile.html" >I am Hyper Text. I will take you to profile.html page</a>
</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>
	
	<!-- Hyper Text -->
	<a href="home.html" >I am also a Hyper Text. I will take you back to home.html page</a>
</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 types of machines, 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 internet on any type of device.

Doe's:-

  1. HTML has various version. We should always use latest version (current version is HTML5).
  2. Any page created should follow the html structure properly. Though HTML doesn't complains about it by showing error, but 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…).