HTML Tutorial

This tutorial will teach you all about HTML from very basic for beginner to advance.

What is HTML ?

HTML (in long, Hypertext Markup Language) is a markup language used to create Web pages. With HTML, you can make your own Website.

A Brief History of HTML

HTML is developed and maintained by World Wide Web (W3C) consortium.

What is hyper in HTML ?

In Hypertext Markup Language (HTML), the term hyper signifies the navigation from one location to another in a non-linear fashion. That is, clicking a hypertext on a Web page takes you to the relevant page on Internet or Web site, which is not necessarily the next page on the Web site.

What HTML defines ?

HTML defines the content, i.e., the structure and layout of a Web page with the help of tags and attributes. An element includes start and end tags, with some content inside/within them, and attributes provide additional information (such as alignment of element on a Web page) about the elements.

Here is a simple HTML example.

<!DOCTYPE HTML>
<html>
<head>
   <title>HTML Tutorial</title>
</head>
<body>

<h1>HTML Tutorial</h1>
<p>This is <i>tutorial</i> on <b>HTML</b>.</p>

</body>
</html>

Open your text editor, and copy then paste the above HTML code in your text editor. Save the file with extension .html like myfile.html, and open it in your browser, then here is the output produced in the browser of above HTML document/code:

Here is another example:

<!DOCTYPE HTML>
<html>
<head>
   <title>HTML Tutorial</title>
   <style>
      body{background-color:silver;}
      h1{color:green;}
      h2{color:blue;}
      p{color:red;}
   </style>
</head>
<body>

<h1>HTML Tutorial</h1>
<p>This is <i>tutorial</i> on <b>HTML</b>.</p>

</body>
</html>

If you try to open it into your browser, you will watch this output:

You will learn all about HTML in this tutorial series.

Audience

This tutorial is designed and developed to help all those HTML lover, who are interested to learn HTML as beginner or want to go in deep with HTML. As we have included a lot of code in HTML, so that you can easily get more idea about it in lesser time.

Prerequisites

Before going to this HTML tutorial, if you have some basic idea about internet and websites, then it becomes very easy to catch anything related to it and can get better understanding about HTML. Otherwise, you can also follow this HTML tutorial, if you haven't any prior knowledge.

HTML Online Test

« CodesCracker Home Next Tutorial »