HTML Basic Tags

HTML Tutorial

About Lesson

HTML Basic Tags

In this tutorial, we will learn about the basic tags in HTML with the help of examples.

Basic Tags

HTML consist of a series of tags/elements that we must consider and include while starting to code. These elements/tags tell the browser how to display the content on web-pages.

Basic HTML Document

MY first program :-

<!DOCTYPE html>
<html>
  <head>
    <title>Hello!</title>
  </head>
  <body>
    <h1>This is simple heading.</h1>
    <br>
    <p>This is a simple paragraph.</p>
    <hr>
  </body>
</html>

Explanation of tag used in above example

Tags	Description
`<!DOCTYPE html>`	Every HTML document start with a HTML document tag. It informs the web browsers about the type and version of HTML used in the document. It is not mandatory but it is good practice to start with this tag. It is not case-insensitive.
`<html>`	Every HTML document must be enclosed between basic HTML tags.it start with `<html>` tag and ends with `</html>` tag.
`<head>`	the head tag comes after the tag and contains all the headings of the document/webpage.it also contain title, metadata, links and so on.it start with `<head>` tag and ends with `</head>` tag.
`<title>`	This tag represents the title of the page which will be displayed on the tab/windows bar of the browser. this tag contains the header information and mentioned within the `<head>` tag. It start with `<title>` tag and ends with `</title>` tag.
`<body>`	This is the most important of all tags. Every content written within this tag will be displayed on the webpage and contains all the visible or audible content.(like tables, paragraphs, links, images, lists, etc.) this tag starts with `<body>` and ends with `</body>` tag.
`<h1>`	This tag defines the large heading. This tag start with `<h1>` and ends with `</h1>`.
`<br>`	This tag defines the break. this tag start with `<br>` and ends with `</br>`.
`<p>`	This tag defines the paragraph. This tag start with `<p>` and ends with `</p>`.
`<hr>`	This tag defines the horizontal line. this tag start with `<hr>` and ends with `</hr>`.

Headings

There are six levels of headings are defined in HTML (<h1> to <h6> ).

<h1>It is the most important/Largest heading.</h1>
<h6>It is the least important/smallest heading.</h6>

Output

It is the most important/Largest heading.

It is the least important/smallest heading.

Paragraphs

The <p> tag help us to write paragraphs in a webpage.

<p>This is first paragraph.</p>
<p>This is last paragraph.</p>

Output

This is first paragraph.

This is last paragraph.

Horizontal Line

The <hr> tag used to display horizontal line in a webpage. this tag does not have any closing tag.

<p>This is first paragraph.</p>
<hr>
<p>This is last paragraph.</p>

Output

This is first paragraph.

This is last paragraph.

Types of Tag in HTML

Tags	Description
Paired Tags	Tags that have both opening and closing tags are known as paired tags. (like – `<p>`…`</p>`, `<head>`…`</head>` etc.)
Singular/Void Tags	Tags that don’t have a closing tag or any contents. These tags are known as void tags. Void tags include `<img>` tag, `<meta>` tag, `<link>` tag, and `<input>` tag, `<hr>` tag.