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.
In this tutorial, you will learn-
In this article, you will learn-
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
If you prefer, you can also watch the tutorial video below:
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 tag | Element content | End tag |
| <h1> | My First Heading | </h1> |
| <p> | My first paragraph. | </p> |
| <br> | none | none |
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:
| Year | Version |
| 1989 | Tim Berners-Lee invented www |
| 1991 | Tim Berners-Lee invented HTML |
| 1993 | Dave Raggett drafted HTML+ |
| 1995 | HTML Working Group defined HTML 2.0 |
| 1997 | W3C Recommendation: HTML 3.2 |
| 1999 | W3C Recommendation: HTML 4.01 |
| 2000 | W3C Recommendation: XHTML 1.0 |
| 2008 | WHATWG HTML5 First Public Draft |
| 2012 | WHATWG HTML5 Living Standard |
| 2014 | W3C Recommendation: HTML5 |
| 2016 | W3C Candidate Recommendation: HTML 5.1 |
| 2017 | W3C Recommendation: HTML5.1 2nd Edition |
| 2017 | W3C 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.
