HTML Introduction

HTML stands for HyperText Markup Language that is fundamental for creating web pages. HTML was created by Tim Berners-Lee in 1991. No website can exist without HTML. HTML elements are the core building blocks for creating web pages.  

It is the combination of both Hypertext and Markup Language for constructing web pages.  The first Hypertext uses to make a link between the web pages like a link you click on to go to any website. 

On the other hand, Markup language uses to define the text document within the opening and closing tag body “< >” that defines all the structure of the web pages. 

As mentioned above HTML tags are basic building blocks for creating web pages. All the HTML elements are defined by tags written using angle brackets “< >” Some tags are self-closing such as <img /> and <input /> but some needs to have an opening and closing tags such as <p></p>. Web browsers do not display these tags to screen but understand them to show the message on the web page. 


Why HTML is so Important?

  • HTML is the foundation of every web page available on the Internet. 
  • HTML elements are responsible to tell the browser how to display the content on the page.
  • HTML uses to describes the body structure of a Web page
  • HTML tags are label pieces of content such as “heading”, “paragraph”, “table”, and so on
  • HTML tags are not displayed by browsers but used to render the content on the web page. 

Structure of HTML Page

The below image represents the structure body of an HTML page. 


These elements in angle brackets “< > ” are called tags and use for their specific purposes. 

Remember: But the only content inside the white area shows on the web page which is inside the <body> tags.

Simple HTML Document Structure 

<!DOCTYPE html>
<title>Page Title Here</title>

<h1>This is my First Heading</h1>
<p>This is my first paragraph.</p>



HTML Tags Explained

HTML elements surrounded by angle braces are called HTML tags. 

Most of the HTML tags come with opening and closing tag pairs like opening tag <p> and closing tag </p>.

  • The <!DOCTYPE html> tells the browser that the document is an HTML document.
  • The <html> element is the starting point of every web page it is like a root of an HTML page. 
  • The <head> the element uses to hold all the metadata information about the web page. 
  • The <title> element used to give a title to an HTML document. 
  • The <body> element is responsible for all visible content on the web page. 
  • The <h1> to </h6> elements used to define headings by levels. <h1> is the largest heading. 
  • The <p> element used to display a paragraph on the page. 

HTML Versions

HTML ReleaseRelease Year
HTML 1.01991
HTML 2.01995
HTML 3.21997
HTML 4.011999
HTML 52014

Note: The HTML version we are using in this HTML tutorials is HTML 5

HTML Introduction Tutorial

Jack Sparrow

Hay I Am Admin Of This Website. I Am Very Passionate About Computers And Technology. This Website Is The Result Of My Passion. I Love To Eliminate The Barriers That Come In Seeking Education. This Website Is The Free Source Of Learning About New Technology And Up To Date Knowledge.

Leave a Reply