HTML Introduction: A Hypertext Markup Language

This is an HTML tutorial and we welcome you to Tutorialdeep. Here we provide basic as well as advanced concepts of HTML. This guide is for beginners as well as professionals. This guide can be helpful to develop web pages using examples with output. You can copy and use these examples anywhere on your projects.

What is HTML

HTML stands for Hypertext Markup Language which is the full form of HTML. This is the widely used markup language to create web pages. From hypertext, we mean that a text lies inside a text.

A markup language is a programming language in HTML used to create interactive and dynamic web pages. We use the browser to run HTML codes. These browsers show webpages as output and not display the HTML codes.

Why HTML Tutorial

HTML is the main building blocks of HTML web pages. You first need to learn the basics of HTML to start any career, business blog, e-Commerce websites in web technology. Learning HTML can make things easier for you to start learning some advanced Intenet Technology.

Web Technology professional start their learning steps after this HTML Tutorial. There are many Applications developed today in the internet world. To easily understand these applications you should have basic knowledge of HTML.

Let’s start with the simple example of HTML given below.

Explanation of Example

To understand each section of the above example. Below is the description of each of tags of simple HTML example of the web page content.

<!DOCTYPE>: This tag used to describe the web document type. See HTML Doctype tag to see details about this. We can say this as the document type declaration. This validates the HTML document and tells us whether the document is of HTML5, 4 or other versions.

<html>: This tag used at the top and after Doctype tag. See HTML tag to see details about this. This is the main starting tag of HTML. Everything of HTML document comes inside the opening tag <html> and the closing tag with forward slash(/) </html>.

<title>: This tag used to describe the title of the web document. See HTML title tag to see details about this. Check your browser title bar to see the output of this tag. This tag is useful when you want to specify the document title. A title is the main starting part of a web document.

<meta>: This tag used to describe the meta declaration of the web document. See HTML meta tag to see details about any page. A meta tag plays a significant role in the SEO part. There are many meta-types in a web document. Keyword meta-type is used to describe keywords for the web document. Description type used to specify the description of the web document.

<body>: This tag used to describe the main body part or the main content of the web document. See HTML body tag to see details about this.

<h1>: This tag used to describe the heading of the main content of the body. See HTML heading tag to see details about this.

<p>: This tag used to describe the paragraph inside the main content of the web document. See HTML paragraph tag to see details about this.

Use of HTML tags HTML Introduction

HTML tags are the key elements inside webpages. These tags are surrounded by angle barackets For exp: <html>, <p>.

Each tag has opening and closing tags. For example: HTML paragraph tag has opening tag <p> and closing tag </p>. Below is the example of the HTML paragraph tag.

HTML version list

Below is the HTML version list from the start to the end.

Sr. No.Version NameVersion Year
1HTML1991
2HTML 2.01995
3HTML 3.21997
4HTML 4.011999
5XHTML2000
6HTML52014
7HTML5.12016
8HTML5.22017

W3C is the main maintainer of HTML and Tim Burners-Lee is the Inventor of the World Wide Web. On that time when Lee developing HTML. HTML pages are just a simple document as of below.

Output

This is the paragraph

HTML is not a programming language, it is a Markup language. The HTML document is just a simple document when Lee first developed it. But for now, This is not just a simple language, It becomes a full-scale web application.

People Also Like to Read