What is HTML

HTML is an acronym which is stands for Hyper Text Markup Language which is used for creating web pages and web applications. HTML is the language in which most websites are written. HTML is used to create pages and make them functional. 

History of HTML

HTML was first created by Tim Berners-Lee, Robert Cailliau, and others starting in 1989. It stands for Hyper Text Markup Language. Hypertext means that the document contains links that allow the reader to jump to other places in the document or to another document altogether. The latest version is known as HTML5. 

Markup language

A Markup Language is a way that computers speak to each other to control how text is processed and presented in the web page. To do this HTML uses two things: tags and attributes. A markup language is a computer language that is used to apply layout and formatting the conventions to a text document. Markup language makes text more interactive and dynamic and flexible markup. It can turn text into images, tables, links, etc.

Web Page

A web page is a document which is commonly written in HTML and translated by a web browser for eg:- Chrome,Safari,Firefox etc.  A web page can be identified by entering an URL. A Web page can be of the static or dynamic type. With the help of HTML only, we can create static web pages.

As we know that HTML is a markup language used by the browser like chrome,safari,firefox to manipulate text and images, and other content, in order to display it in the required format. HTML was created by Tim Berners-Lee in 1991. The first version of HTML was HTML 1.0, but the first standard version was HTML 2.0, published in 1995.

HTML Page Structure

The structure of an HTML page is laid out below. It contains the essential building-block elements for eg. doctype declaration(<!DOCTYPE html>), HTML(<html>), head(<head>), title(<title>), and body(<body>) elements upon which all web pages are created.

<!DOCTYPE html>

It define the document type or it enlighten the browser about the version of HTML. This is the document type declaration but not technically a tag It declares a document as being an HTML document. The doctype declaration is not case-sensitive.

<html>

This is called the HTML root element. and all other elements are contained within it. This tag notify the browser that it is an HTML document. Text between html tag relate the web document. It is a container for all other elements of HTML except <!DOCTYPE html>

<head>

It should be the first element inner the <html> element, which hold the metadata (information about the document). It must be closed before the body tag opens.This tag is used to define the head part of the HTML document that hold information related to the document. Elements within the head tag are not visible on the front-end of a webpage.

<title>

it is used to add title of that HTML page which seems at the top of the browser window. It must be placed inside the head tag and should close immediately.

<body>

The body tag describes the body content of the page that is visible to the end user. This tag contains the main content of the HTML document like <div>,<h1>,<p>

<h1>

<h1> tag describes the first level heading of the webpage. HTML headings are titles or subtitles that you want to display on a webpage. HTML headings are defined with the <h1> to <h6> tags.

<p>

<p> tag describes the paragraph of the webpage. A paragraph always starts on a new line, and is usually a block of text. The HTML <p> element defines a paragraph.

<!DOCTYPE html>  <!-- Tells version of html -->
<html>  <!-- html root element -->
<head>  <!-- used to contain page html metadata -->
<title>Web page title</title>  <!-- title of html page -->
</head>  
<body>  <!-- hold content of html page -->
<h1>Write Your First Heading</h1>  <!-- html heading tag -->
<p>Write Your First Paragraph.</p>  <!-- html paragraph tag -->
</body>  
</html>
  Try it Yourself