HTML Tutorial
HTML - Introduction HTML - Basic HTML - Structure HTML - Element HTML - Attributes HTML - Headings HTML - Paragraphs HTML - Styles HTML - Formatting HTML - Phrase Tags HTML - Quotations HTML - Comments HTML - Colors HTML - CSS HTML - Links HTML - Images HTML - Tables HTML - List HTML - Inline elements HTML - Block elements HTML - Classes HTML - Id HTML - Javascript HTML - File Path HTML - Iframe HTML - Responsive HTML - Computer Code HTML - Head tag HTML - Events HTML - Url Encoding HTML - Entities HTML - Validation
HTML Forms
HTML - Forms HTML - Form Elements HTML - Input types HTML - Input Attributes
HTML5
HTML5 - Introduction HTML5 - New Elements HTML5 - Semantics HTML5 - Style Guide
HTML Media
HTML - Video HTML - Audio HTML - Embed Multimedia
HTML Graphics
HTML - Canvas HTML - SVG
HTML APIs
HTML - Geolocation HTML - Drag & drop HTML - Web Storage HTML - Web Workers
HTML References
HTML - Tag Reference HTML - Tag by Category HTML - Attributes HTML - Global Attributes HTML - Events HTML - Language Codes HTML - Country Codes HTML - URL Encoding HTTP Methods HTTP Status Codes <input> types

HTML Introduction

HTML stands for Hypertext Markup Language, and it is used to write/format web pages with the help of different tags available in HTML language. The current version of HTML is HTML5.

  • HTML is Easy to learn.
  • HTML is a markup language and makes use of various tags to format web page.
  • With HTML you can create your own Web site.

This tutorial will help you learn the essentials of HTML, including the idea of elements and attributes, way of formatting the text using HTML tags, methods of adding the style information to the document, technique of inserting images and tables, process of creating lists and forms.


Examples in each Chapter

Every chapter in this tutorial contains lots of practice examples that you can try and test yourself using our online editor to extend your learning. The purpose of these examples is to provide you a better understanding of the usage of HTML.

Basic HTML example
Run code

Click the Run code button to see the result or save the above code in your Computer as demo.html and open it in a browser.

Explanation of above code

  • The <!DOCTYPE html> declaration defines this document to be HTML5
  • The <html> element is the root element of an HTML page
  • The <head> element contains meta-data information about the document
  • The <title> element specifies a title for the document
  • The <body> element contains the visible page content
  • The <h1> element defines a heading
  • The <p> element defines a paragraph

Prerequisites

This tutorial will give you enough ingredients and examples so that you can easily understand every topic. However, before learning HTML you must familiar with the following topics:

  • Basic knowledge of any Operating system.
  • Experience with any text editor like notepad++, sublime, atom etc.
  • How to create files and navigate through directories.
  • Understanding of file format/extension.

Local Environment setup

To create a web page you need a Text editor and a browser.

  1. Open text editor
  2. Write few HTML into your text editor or copy from above example
  3. Save it as demo.html
  4. Open the saved demo.html in your browser

Your HTML5 document must end with .html extension.


HTML References

The reference section will give you the detailed information about the latest HTML5 elements, attributes, events, HTTP methods and more.

Go to HTML Reference