HTML Tutorial for Beginners

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

Html is the base for any web page designing, hypertext mark-up language will allow you to create a page that can display content on browser, let’s learn basic html tags!

<html>    
    <body>   
    <p>Content paragraph goes here.</p>       
    </body>
</html>
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 Coding?

Html is one of most demanding skill of new era, for professional life and personal digital life. one must 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

Html Editors

There are many HTML editors available, You can start creating html page using simple notepad, save the file as .html or .htm, but as a HTML learner, you can download Notepad++, there you should practice all HTML Tags listed on left side, You can also you visual studio code editor, there you learn many advance features, you also can write many other programming languages in the same editor.

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>
Important HTML Tags
  • <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.

Learning html page development is the first step towards web development, there is huge career scope in future, start learning today!