HTML Tutorial for Beginners

Learn how to write HTML Code step by step, HTML Tutorial for students and beginners with real-time examples.

Learn HTML Coding Online

What is HTML?

HTML is the standard markup language for creating Web pages, HTML stands for HyperText Markup Language, DHTML is Dynamic HTML or Dynamic Hypertext Markup Language.

Why to Learn HTML?

HTML tags / elements are the building blocks of Web pages
HTML describes the structure of Web pages using markup
Browsers do not display the HTML tags, but use them to render the content of the page
HTML is required everywhere for designing or developing any web application

In this tutorial you will learn HTML with example of table, div, span, paragraph, hyperlink, image, list, iframe, id, layout, formatting and more

HTML Prerequisites

Though anybody can learn HTML, no previous experience required, but before proceeding with this HTML learning tutorial you should have some basic understanding about Windows or Linux operating system, or if you are familiar with any of following tools that would be added advantage

Experience with any text editor like Edit plus, notepad, notepad++ etc.
Directory structure and how to create directories and files on computer.
How to browse through different directories.
Knowledge about different type of content like images, text file, html file etc

Above all, you should have willingness to learn new things

How to create HTML Page

There are many HTML editors available, but as a HTML learner, you should start Learning HTML in Plain Notepad, or just download Notepad++, There you should practice all HTML Tags listed on left side.

After you write some HTML on notepad file, save the file with ".html" or ".htm" extention. Then open the file in any browser like Internet Explorer or Goolge Corme

Basic HTML Tags

HTML tags are element names surrounded by brackets

<H1>Welcome to WebTrainingRoom</H1>

Below HTML Tags are often used

<html> element is the root element of an HTML page
<head> element contains meta information about the document
<title> element specifies a title for the document
<body> element contains the visible page content

Sample HTML Document

<!DOCTYPE html>
    <html>
    <head>
    <title>Page Title</title>
    </head>
    <body>   
    <h1>This is  Heading</h1>         
    <p>Content paragraph goes here.</p>       
    </body>
</html>

HTML Coding Examples

You need to learn many tags for designing a complete HTML page; here I am sharing some of the important tags that you must learn to become a HTML designer.

HTML Head Tag
This tag contain few sub tags and all information those are very important for SEO
HTML Body Formatting
HTML Heading Tag
How to design a HTML Layout
HTML Image Tag
HTML Form Tag
This tag is used for designing Form that allow user submitting their inputs.
HTML Anchor Tag
HTML Symbols
HTML Table
HTML List Tag
HTML Ordered list
This tag can be used when you want to display something in sequence, there are few different types.
HTML Div Tag
This is one of the very useful tags that we use extensively for designing responsive webpage
HTML Span Tag
Span tag is very similar to DIV tag, but there are some difference in behaviour and usage.
HTML Paragraph, P Tag
P (Paragraph) Tag helps maintaining consistency in maintaining space while displaying content.
HTML IFrame Tag
This html element can be used when you want to pull external content into your webpage
HTML Id and Name Attributes
This two attributes are very useful when we want to access any particular HTML element in JavaScript Code.
HTML5 Introduction
HTML 5 is just some advanced version of HTML Tag, with some more in-built capabilities in HTML page designing.