In this tutorial, 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!
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
<!DOCTYPE html> <html> <head> <title>Page Title</title> </head> <body> <h1>My First Heading</h1> <p>My first paragraph.</p> </body> </html>
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>|
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.
Since the beginning of the World Wide Web, there have been numerous versions of HTML:
|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.