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
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 html 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 html 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.
After learning html designing you can get job as Trainee Html Developer or Web Designer
