HTML History
HTML History
HTML is a markup language used by the browser to manipulate text, images, and other
content, in order to display it in the required format. HTML was created by Tim Berners-Lee
in 1991. The first-ever version of HTML was HTML 1.0, but the first standard version
was HTML 2.0, published in 1995.
Currently, we are using HTML5, which is the latest and most recent version of HTML.
HTML, or HyperText Markup Language is the standard markup language used to create web
pages. It is a combination of Hypertext, and Markup language. The Hypertext defines the link
between web pages, and Markup is used to define the text document within tags to structure
the web pages. This language is used to annotate text so that machines can understand and
manipulate it accordingly. HTML is human-readable and uses tags to define what manipulation
has to be done on the text. This guide will help you understand the workings of HTML and
explain it with examples.
Features of HTML
It is easy to learn and easy to use.
It is platform-independent.
Images, videos, and audio can be added to a web page.
Hypertext can be added to the text.
It is a markup language.
HTML Elements and Tags
HTML uses predefined tags and elements that instruct the browser on how to display the
content. HTML elements include an opening tag, some content, and a closing tag. It’s
important to remember to include closing tags. If omitted, the browser applies the effect of the
opening tag until the end of the page.
This section will dive into the basic structure of an HTML page, which includes essential
building-block elements like doctype declaration, HTML, head, title, and body elements.
HTML Page Structure
The basic structure of an HTML page is shown below. It contains the essential building-block
elements (i.e. doctype declaration, HTML, head, title, and body elements) upon which all web
pages are created.
<!DOCTYPE html> – This is the document type declaration (not technically a tag). It
declares a document as being an HTML document. The doctype declaration is not case-
sensitive.
<html> – This is called the HTML root element. All other elements are contained within it.
<head> – The head tag contains the “behind the scenes” elements for a webpage. Elements
within the head aren’t visible on the front end of a webpage. HTML elements used inside
the <head> element include:
<style> – This HTML tag allows us to insert styling into our web pages and make them
appealing to look at with the help of CSS.
<title> – The title is what is displayed on the top of your browser when you visit a website
and contains the title of the webpage that you are viewing.
<!DOCTYPE html> – This is the document type declaration (not technically a tag). It
declares a document as being an HTML document. The doctype declaration is not case-
sensitive.
<html> – This is called the HTML root element. All other elements are contained within it.
<head> – The head tag contains the “behind the scenes” elements for a webpage. Elements
within the head aren’t visible on the front end of a webpage. HTML elements used inside
the <head> element include:
<style> – This HTML tag allows us to insert styling into our web pages and make them
appealing to look at with the help of CSS.
<title> – The title is what is displayed on the top of your browser when you visit a website
and contains the title of the webpage that you are viewing.
<link> – The ‘link’ tag is used to tie together HTML, CSS, and JavaScript. It is self-
closing.
<body> – The body tag is used to enclose all the visible content of a webpage. In other
words, the body content is what the browser will show on the front end.
An HTML document can be created using an HTML text editor. Save the text file using the
“.html” or “.htm” extension. Once saved as an HTML document, the file can be opened as a
webpage in the browser.