HTML Introduction

HTML stands for Hyper Text Markup Language, which is the most widely used language on Web to develop web pages.

Hyper Text :- Hyper Text simply means "Text within Text". A text has a link within it, is a hypertext. Every time when you click on a word which brings you to a new webpage, you have clicked on a hypertext.

Markup language :- A markup language is a programming language that is used make text more interactive and dynamic. It can turn a text into images, tables, links etc.

Prerequisites:-

Now, HTML is being widely used to format web pages with the help of different tags available in HTML language.

Basic HTML Document

In its simplest form, following is an example of an HTML document:

<!DOCTYPE html>
<html>
<head>
<title>This is website title</title>
</head>
<body>
<h1>Hello World!</h1>
<p>Welcome to world of web development.</p>
<p>This is my first html web page.</p>
</body>
</html>
Try it with the Editor

Let's save it in an HTML file test.htm using your favorite text editor. Finally open it using a web browser like Internet Explorer or Google Chrome, or Firefox etc. It must show the following output

HTML Hello World

Example Explained

Closing your tags

As mentioned in a previous lesson, you'll notice that all of these HTML elements have opening and closing tags, and that the content of the element is placed in between them. There are a few exceptions to this rule.

You'll also notice that the closing tag is slightly different to the opening tag — the closing tag contains a forward slash (/) after the <. This tells the browser that this tag closes the previous one.

History of HTML

Tim Berners-Lee is known as father of HTML. The first available description of HTML was a document called "HTML Tags" proposed by Tim in late 1991.

Features of HTML

  1. It is a very easy and simple language. It can be easily understood and modified.
  2. It is very easy to make effective presentation with HTML because it has a lot of formatting tags.
  3. It is a markup language so it provides a flexible way to design web pages along with the text.
  4. It facilitates programmers to add link on the web pages (by html anchor tag) , so it enhances the interest of browsing of the user.
  5. It is platform-independent because it can be displayed on any platform like Windows, Linux and Macintosh etc.
  6. It facilitates the programmer to add Graphics, Videos, and Sound to the web pages which makes it more attractive and interactive.