About Lesson
HTML Introduction
In this tutorial, we will learn about HTML, Features of HTML, Elements and Tags, simple HTML document and its explanation.
What is HTML?
HTML(Hyper Text Markup Language) is a markup language used to create basic structure of webpages. It is the most widely used languages on web to create webpages. The latest version of HTML is HTML5. HTML mostly consist of tags & attributes.
Note :Â It is not a programming Language, it is a markup language.
Features and Key-points of HTML
- Simple – It is a simple markup language in the sense that a webpage can be broken down into small parts or elements using HTML tags, and a variety of HTML attributes.
- Browser and Platform Independent – HTML can be executed on different browser and platform.
- Import Files – HTML support different format of files and give permission to import them in the webpage.
- Must required – HTML is must required to create a webpage or a website.
Elements and Tags
A Tag/Element usually consists of an opening tag (<tag_name>), a closing tag (</tag_name>), and some content in between. Tags are case-insensitive.
Syntax :
<tag_name>....content....</tag_name>
Example :
| start/Opening Tag | Some Content | End/Closing Tag |
|---|---|---|
<h1> |
My First Heading | </h1> |
Basic HTML Document
<!DOCTYPE html>
<html>
  <head>
    <title>Hello!</title>
  </head>
  <body>
    <h1>Hello World!</h1>
    <p>This is a simple paragraph.</p>
  </body>
</html>Output
Hello World!
Â
This is a simple paragraph.
Explanation of Hello World Program
| Tags | Description |
|---|---|
<!DOCTYPE html> |
Defines the HTML version used in the document. (in this case, version is HTML 5) |
<html> |
Mainly known as the Root element and used to wrap all the code. |
<head> |
This tag represents the document’s header and contains metadata, title, links etc. |
<title> |
This tag represents the title of the page which will be displayed on the tab/windows bar of the browser. |
<body> |
This tag represents the document’s body and contains all the visible or audible content.(like tables, paragraphs, links, images, lists, etc.) |
<h1> |
This tag defines the large heading. |
<p> |
This tag defines the paragraph. |
Â