HTML Tutorial – Introduction

HTML stands for Hyper Text Markup Language for describing web documents (web pages).

HTML is a Markup language we use to create web pages.

A markup language is a markup set Tags.

HTML documents are described by HTML tags.

Each HTML tag describes different document content.

HTML uses Tags to identify page content.

A file from a Web Page uses either the.htm or the.html.

To know more about HTML history.

If you work step by step on every page, it is easy to learn.

What is HTML?, and Why?

HTML provides a way to display text and images or multimedia content on web pages.

HTML is a markup language, not a programming language.

An HTML file is a text file that contains small markup Tags.

The Markup Tags are telling the web browser how to display the page, like Chrome, Mozilla Firefox, Safari.

HTML Web Site

Web pages collection is called a website. There may be one or more pages for a website.

Types of Web Pages

Static Web Pages

Static Web Pages display exactly the same information every time someone visits it.

Dynamic Web Pages

Dynamic websites can produce completely different content from a constant source code file for different visitors.

Example of a simple HTML Document


<!DOCTYPE html>
    <title> This is document title </title>

  <h1>This is a Heading</h1>
  <p>This is a paragraph.</p>

Live Demo »

Click on live demo, our online editor works like a regular text editor, you can also edit your own code

Explanation of the above code

The <!DOCTYPE html> declaration defines version of the markup language.

The <html> element is the document root element.

The <head> element defines information about the document.

The <title> element specifies title of the web page.

The <body> element contains the visible content of the web page.

The <h1> element represents the first level heading.

The <p> element describes a paragraph.


<StartTag> Content… </EndTag>

HTML Tags are keywords surrounded by angle brackets like <tag name>.

Usually HTML tags come in pairs like <start tag> and </end tag>.

The first tag in a pair is Start Tag, the second tag is the End Tag.

Start and end tags are also referred to as open and close tags.

Note : If you don’t use the brackets, web browser will assume your commands are as text that you want to display even if the text is the same as an HTML command.

HTML Flexible

HTML is not Case Sensitive. We can write HTML Code in any case either using lower case or upper case.


<html>            <HTML>

HTML Versions

  • VersionYear
  • HTML1991
  • HTML 2.01995
  • HTML3.21997
  • HTML4.011999
  • XHTML2000
  • HTML52014