Home » HTML » HTML Tutorial

HTML Tutorial for beginners

HTML Tutorial: As we have discussed earlier, HTML is a language which 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, we will provide you html tutorial, by the help of which, you will be able to develop HTML websites.

HTML (HTML full form: Hyper Text Markup Language) is a markup language i.e., it is a way for the computers to communicate with each other, to control how text is processed and presented. A website will be opened on various systems with different browsers and the markup language ensures that the website looks the same in all the systems by the help of its various tags. HTML is also the basic language to learn Web Designing. Before starting the HTML tutorial, you should know the meaning of some basic terms used in HTML-

Hypertext: Hypertext is a text that has a link within 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 contain standard words which are human readable like forms, tables, link, title and so on. 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-

HTML was developed by Sir Tim Berners-Lee in late 1989 and he is considered as 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 so many features of HTML, but in this HTML Tutorial we'll discuss the most important ones.

  • HTML describes the structure of a web page.
  • HTML elements are represented by Tags, which are human readable.
  • Every known browser available today, supports HTML.
  • It is very simple to learn and use. You can easily learn HTML programming in a few days and can create your first web page or can design a whole website, but it depends on how much time you spend on practicing.
  • It is platform independent i.e. it works on all the operating systems.

Why you should go through this HTML tutorial?

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 but, by continuous research, hardwork of the developers and with advancement in technology we get upgrades for HTML which further enhances it's capabilities. The latest is HTML5 and now it has a lot of rich features which are widely used to format web pages.

Here is what you can do with HTML-

  • Create structure of Web Page or Website.
  • It has tags which can help you to optimize the website, to boost the performance and give good results.
  • It is the base of designing and developing web pages, once you understand the basic of HTML then other related technologies like Javascript, CSS, etc become easier to understand.
  • HTML pages are platform independent and they work on mobile, tabs, desktop, etc.
  • You can create offline pages which can load even with no internet.
  • HTML 5 can give support in enhancing the experience in gaming arena.

Let's see the first example of an HTML coding :


<!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 defines the document type of HTML version.
  • <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 informations about the document like its title, author information, description of the website, etc. 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 in the webpage. If you want anything to be displayed on the webpage you have to write it within this tag.
  • <h1>: This element is used to define headings.

You can try our online HTML editor and can do 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 »

Latest Updates

PHP Introduction

How to Run a PHP program in Xampp?

How can I create a phpinfo.php page?

How to Define a Variable in PHP

PHP Echo and Print Statements

Working with PHP Operators

Understanding the PHP Data Types

How to Write Comments in PHP

How to Define a Constant in PHP

PHP if...else...elseif Statements