HTML introduction and structure

HTML introduction and structure

HTML Introduction and structure:

HTML versions at a glance:





HTML (2.0)


HTML (3.2)


HTML (4.01)




HTML (5)



What is HTML?

HTML is a markup language for describing web documents.

yes The full form of HTML:  Hyper Text Markup Language

yes Markup language refers to a set of markup tags.

yes HTML documents are created with HTML tags.


HTML page structure: 

Below is the structure of an HTML page:

enlightenedOnly content in the <body> section is displayed in the browser.


A very simple HTML document:


  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <title>Page title</title>
  5. </head>
  6. <body>
  7.    <p>HTML paragraph</p>
  8.    <img src="../images/onlylearn24.png" alt="Only Learn 24 Academy" height="140" width="140">
  9. </body>
  10. </html>


HTML paragraph

Detailed description of the above example:

yes <! DOCTYPE html> is declared to set the type of document. This refers to the latest version of HTML, HTML5.

yes The contents between the <html> and </html>

yes The contents between the <head> and </head> tags provide additional information for the HTML document.

yes Sets the title / name of the text document between the <title> and </title> tags.

yes Content between the <body> and </body> tags is displayed on the web page.

yes The <h3> and </h3> tags create a heading / title of the document. The heading tag emphasizes the importance of the content.

yes The <img> tag displays different types of images in the browser.


HTML tags:

yes HTML tags are usually paired. Such as <p> and </p>.

yes The first tag of the pair is called the opening tag and the second tag is called the closing tag.

yes The closing tag is written in the same way as the opening tag, in the case of the closing tag only a forward slash (/) is given before the tag name.


<! DOCTYPE> Declaration:

yes <! DOCTYPE> Sets the type of declaration document and helps a web page display correctly in the browser.

yes This is the first tag of any web document, meaning you have to type this tag only once before all HTML tags.

yes There are different types of document types and versions. So in order to display the web page correctly, the browser has to know both the type and the version.

yes​​​​​​​ The DOCTYPE declaration is not case-sensitive. Both lowercase and uppercase letters are acceptable.

<!DOCTYPE html>
<!doctype HTML>


Summary of the chapter:

yes Learned about all versions of HTML

yes​​​​​​​ Learned about the structure of the HTML page



Thank You.........