This article includes most important HTML tags for creating web pages.

What is HTML?

HyperText Markup Language or HTML is the standard markup language for creating Web pages.

A Brief History of HTML

Tim Berners-Lee, a physicist at the CERN research institute in Switzerland invented HTML in 1991. This first version consisted of 18 HTML tags. Now, there are currently about 140 HTML tags, although not all of them are supported by modern browsers.

Since then, there have been many different versions of HTML. The most widely used version throughout the 2000’s was HTML 4.01, which became an official standard in December 1999.

HTML Versions

1991 – Tim Berners-Lee invents HTML 1.0

1993 – HTML 1.0 is released. Not many developers are creating websites at this time.

1995 – HTML 2.0 is published. This contains the features of HTML 1.0 plus new features. This remained the standard markup language for designing and creating websites until 1997.

1997 – HTML 3.0 was invented. Here, Dave Raggett introduced a fresh draft on HTML, which improved new features of HTML and gave more powerful characteristics for webmasters in designing websites. Unfortunately, the powerful features slowed down the browser in applying further improvements.

1999 – The widely-used HTML 4.0 comes out. It is very successful.

2014 – HTML 5.0 is released and used worldwide. It is said to be the extended version of HTML 4.01 which was published in 2012.

HTML Content Version Support

Type of content	HTML 1.2	HTML 4.01	HTML5	Purpose
Heading	Yes	Yes	Yes	Organize page content by adding headings and subheadings to the top of each section of the page
Paragraph	Yes	Yes	Yes	Identify paragraphs of text
Address	Yes	Yes	Yes	Identify a block of text that contains contact information
Anchor	Yes	Yes	Yes	Link to other web content
List	Yes	Yes	Yes	Organize items into a list
Image	Yes	Yes	Yes	Embed a photograph or drawing into a web page
Table	No	Yes	Yes	Organize data into rows and columns
Style	No	Yes	Yes	Add CSS to control how objects on a web page are presented
Script	No	Yes	Yes	Add Javascript to make pages respond to user behaviors (more interactive)
Audio	No	No	Yes	Add audio to a web page with a single tag
Video	No	No	Yes	Add video to a web page with a single tag
Canvas	No	No	Yes	Add an invisible drawing pad to a web page, on which you can add drawings (animations, games, and other interactive features) using Javascript

Basic HTML Syntax

<html>

  <head>

    <title>This is a titletitle>

  head>

  <body>

    <div>

        <p>Hello world!p>

    div>

  body>

html>

What is an HTML Element?

An HTML element is defined by a start tag, some content, and an end tag:

Content goes here…

Defines table row

Defines a bullet list

Defines a Ordered (Numbered) list

List item in bulleted or ordered list

IMAGES

Defines an image

Defines a client-size image map

Defines an area inside an image map

Defines a caption for a element

Specifies self-contained content

Defines a container for SVG graphics

Defines a container for multiple image resources

Used to draw graphics, on the fly, via scripting (usually Javascript)

HTML Cheat Sheet BASIC HTML Defines the document Defines HTML documents, it is the root element Contains a title for the document Meta information of document Defines HTML documents body Defines a block-level container for content Defines an inline container for content to Defines HTML headings Defines a paragraph Creates a link Insert a single line break Defines a thematic break in HTML page Defines a comment FORMS AND INPUTS Defines a HTML form for user input Defines an input control Defines a multiline input control (textarea) Defines a drop-down list Defines an option in a drop-down list Defines a group of related options in a drop-down list Defines a label for an element Groups related elements in a form Defines a caption for a element FORMATTING Defines an abbreviation or an acronym `Defines a piece of computer code` Defines emphasized text Defines marked/highlighted text Defines preformatted text Defines smaller text Represents the progress of a task Defines a section that is quoted from another source Defines bold text Italic text Underline text Defines a short quotation Creates a table
Cell of table header	Cell of table body

HTML Cheat Sheet

BASIC HTML

Defines the document

Defines HTML documents, it is the root element

Contains a title for the document

Meta information of document

Defines HTML documents body

Defines a block-level container for content

Defines an inline container for content

to Defines HTML headings

Defines a paragraph

Creates a link

Insert a single line break

Defines a thematic break in HTML page

Defines a comment

FORMS AND INPUTS

Defines a HTML form for user input

Defines an input control

Defines a multiline input control (textarea)

Defines a drop-down list

Defines an option in a drop-down list Defines a group of related options in a drop-down list

Defines a label for an element

Groups related elements in a form

Defines a caption for a

element

FORMATTING

Defines an abbreviation or an acronym

Defines a piece of computer code

Defines emphasized text

Defines marked/highlighted text

 Defines preformatted text

Defines smaller text

Represents the progress of a task

Defines a section that is quoted from another source

Defines bold text

Italic text

Underline text

Defines a short quotation

Creates a table

Cell of table header Cell of table body

HTML ENTITIES

< less than <

> greater than >

& ampersand &

“ double quotation mark “e;

‘ single quotation mark/apostrophe ‘

® registered trademark ®

Important HTML Tags List

to Defines HTML headings

Comments

Leave a Reply