Home » HTML » HTML Tutorial

HTML Tutorial for beginners

HTML is a language that is used to create the structure of webpages. It is a language in which most websites are structured. There are at least 1.2 billion websites online today, and all of these websites use HTML in one way or the other.

So, take this Complete HTML tutorial, and start climbing the ladder of a beautiful Web Designing journey.

HTML (HTML full form: HyperText Markup Language) is a markup language, i.e., it is a medium for the website to communicate with the browser. The browser reads the markup language and then displays the website according to that. The same website runs on various browsers, but the markup language ensures that it looks the same in all the systems. HTML is the primary language to learn Web Designing. And Before starting the HTML tutorial, one should know the meaning of some basic terms used in HTML-

Hypertext: Hypertext is a text with a link embedded in it, clicking on which will take the user to a new page. Apart from text, hypertext may contain tables, lists, forms, images, etc.

Markup language: A Markup language is the one, that uses tags to define elements within a document. It contains familiar words that are human-readable like forms, tables, links, titles, etc. Every tag in a markup language has a special meaning of its own and performs a particular operation.


History :

Let's quickly see the historical facts about HTML-

Sir Tim Berners-Lee developed HTML in late 1989, and he is considered as the Father of HTML. In 1996, the World Wide Web Consortium (W3C) became the authority to maintain the HTML specifications. HTML became an international standard (ISO) in 2000.


Features of HTML

Well, there are various features of HTML, but in this HTML tutorial, we will discuss the most important ones.

  • HTML describes the structure of a webpage.
  • Human-readable tags represent HTML elements. Hence, they are easy to remember.
  • Every known browser available today, supports HTML.
  • It is easy to learn and implement. You can quickly learn HTML programming in a few days and create your first web page.
  • It is platform independent, i.e., it works on all the operating systems.

Advantages of HTML

Originally, HTML was developed to define the structure of webpages. It had some basic tags just for structural changes like HTML heading, paragraph, list. However, continuous research and the advancement in technology helped HTML progress over the years. Let us see some Advantages of HTML :

  • Create a structure of Web Page or Website.
  • It has new tags that optimize the website, boost performance, and give good results.
  • It is the base of designing and developing web pages. Once you understand HTML's basics, other related technologies like Javascript, CSS, etc become easier to understand.
  • HTML pages are platform-independent and they work on multiple OS and browsers.
  • You can create offline pages which can load even with no internet.
  • HTML 5 can give support in enhancing the experience in gaming arena.

Simple HTML Example with Explanation

Let us see the first HTML example :


<!DOCTYPE html>
<html lang="en">
<HTML>
<head>
<title> Page Title </title>
</head>
<body>
<h1> This is a Heading </h1>
<p> This is a Paragraph </p>
</body>
</html>

Output

Page Title

This is a Heading

This is a Paragraph


Explanation

  • <!DOCTYPE>: It indicates the type and version of HTML used on the webpage. Each HTML version has a different doctype declaration. HTML5 Doctype is used in this example.
  • <html>: It is the root element that describes the web document. It is a paired tag, i.e., it has a closing tag also, </html>. Everything will be written inside these tags.
  • <head>: It contains information about the document like its title, author information, description of the webpage, and so on. It has different tags to perform these functions. It is also a paired tag.
  • <title>: It is used inside <head>, and it specifies the title of the document.
  • <body>: It contains all the information which will be displayed on the webpage. If you want anything to be displayed on the webpage, you have to write it within these tags.
  • <h1>: This element is used to define headings.

You can try our online HTML editor and can make changes accordingly.


HTML Versions

HTML Versions Year
HTML 1991
HTML 2.0 1995
HTML 3.2 1997
HTML 4.01 1999
XHTML 2000
HTML 5 2014

In this HTML tutorial we have learned basics of HTML, and in the next HTML tutorial we will learn about HTML tags and their use. Click on Next.




Color Picker

List of color names supported by all browser »



Character Code

List of character codes to display special character »



Language Code

List of all language supported by all browser »



Country Code

List of Country code supported by all browser »