HTML Introduction

HTML tutorial or HTML 5 tutorial provides fundamental and advanced concepts of HTML. Our HTML tutorial is developed for beginners and professionals. In our tutorial, every topic is given step-by-step so that you can learn it in an exceptionally simple manner. Assuming you are new in learning HTML, then you can learn HTML from basic to a professional level, and subsequent to learning HTML with CSS and JavaScript you will be able to create your own interactive and dynamic site. Be that as it may, Now We will focus on HTML just in this tutorial.


What is HTML?

HTML is the standard markup language for creating Web pages.

HTML stands HyperText Markup Language, which is the most widely used language on the Web to create web pages. HTML was created by Berners-Lee in late 1991 however “HTML 2.0” was the first standard HTML particular which was published in 1995. HTML 4.01 was a significant version of HTML and it was published in late 1999. Though HTML 4.01 version is widely used presently we are having the HTML-5 version which is an extension to HTML 4.01, and this version was published in 2012.

• HTML stands Hyper Text Markup Language

• HTML is the standard markup language for creating Web pages

• HTML depicts the structure of a Web page

• HTML comprises of a series of elements

• HTML elements tell the browser how to show the substance

• HTML elements label bits of substance, for example, “this is a heading”, “this is a paragraph”, “this is a link”, and so forth

Why Learn HTML?

HTML is the foundation of all web pages. Without HTML, you wouldn’t have the option to sort out text or add pictures or videos to your website pages. HTML is the start of all you require to know to create engaging web pages!


Take-Away Skills

You will become familiar with all the common HTML tags used to structure HTML pages, the skeleton of all websites. You can likewise create HTML tables to introduce tabular data proficiently.


A Simple HTML Document

Example

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
</html>

Example Explained

The <!DOCTYPE html> declaration defines that this document is an HTML5 document

The <html> element is the root element of an HTML page

The <head> element contains meta data about the HTML page

The <title> element determines a title for the HTML page (which is appeared in the browser’s title bar or in the page’s tab)

The <body> element characterizes the record’s body, and is a container for every one of the obvious substance, like headings, paragraphs, pictures, hyperlinks, tables, lists, and so forth.

The <h1> element defines a large heading
The <p> element defines a paragraph


What is an HTML Element?

An HTML element is characterized by a start tag, some substance, and an end tag:

<tagname>Content goes here...</tagname>

The HTML element is everything from the start tag to the end tag:

<h1>My First Heading</h1>
<p>My first paragraph.</p>
Start tagElement contentEnd tag
<h1>My First Heading</h1>
<p>My first paragraph.</p>
<br>nonenone

Internet Browsers

The purpose behind an internet browser (Chrome, Edge, Firefox, Safari) is to read HTML documents and show them accurately.

A browser doesn’t show the HTML tags, however utilizes them to decide how to show the document:


HTML Page Structure

Below is a visualization of an HTML page structure:

<html>
<head>
<title>Page title</title>
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
</body>
</html>

Note: The content inside the <body> segment (the white area above) will be shown in a browser. The content inside the <title> element will be appeared in the program’s title bar or in the page’s tab.


HTML History

Since the beginning of the World Wide Web, there have been numerous versions of HTML:

YearVersion
1989Tim Berners-Lee invented www
1991Tim Berners-Lee invented HTML
1993Dave Raggett drafted HTML+
1995HTML Working Group defined HTML 2.0
1997W3C Recommendation: HTML 3.2
1999W3C Recommendation: HTML 4.01
2000W3C Recommendation: XHTML 1.0
2008WHATWG HTML5 First Public Draft
2012WHATWG HTML5 Living Standard
2014W3C Recommendation: HTML5
2016W3C Candidate Recommendation: HTML 5.1
2017W3C Recommendation: HTML5.1 2nd Edition
2017W3C Recommendation: HTML5.2

This tutorial follows the most recent HTML5 standard.



Thanks for reading! We hope you found this tutorial helpful and we would love to hear your feedback in the Comments section below. And show us what you’ve learned by sharing your photos and creative projects with us.