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>
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
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
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
HTML tags are element names surrounded by brackets
<H1>Welcome to WebTrainingRoom</H1>
<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
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>This is Heading</h1>
<p>Content paragraph goes here.</p>
</body>
</html>
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 Body Formatting
How to create html document using various html tags inside html body tags , applying css style in body.
- HTML Headings and important meta tags in head section
Heading in html page and important meta tags inside head tag in html page that helps in seo ranking
- How to design a HTML Layout
How to create html layout, fundamental of webpage designing, html coding tutorial using various html tags.
-
HTML Image Tag
How to display image on web page using html tag!
-
HTML Form Tag
Html form tag is used for designing "Form" that allow user submitting their data.
-
Hyperlink or anchor tag style
How to set hyperlink or anchor tag style using css clas.
- HTML Symbols
-
HTML Table
How to create table in html page, write css style for table.
-
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 "iframe" 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.
-
How to create free website for business
After learning above html tags, you can start building your own webpage without any help.
Learning html page development is the first step towards web development, there is huge career scope in future, start learning today!