HTML Tags | Basic HTML Elements Definition

HTML Tags

HTML Tags is the basic building block used to markup the content in the HTML web page document.

<h1> tag is used to display some text in big and bold text on the web page.

<h1>This is My Heading.</h1>

<h1> Tag Description

The above h1 example have content, opening h1 tag (<h1>) and closing h1 tag (</h1>).

The content and opening and closing tag all together is called HTML element.

HTML Elements

HTML Elements is the basic building block used in the HTML web page document.

<title> – A <title> tag is used to display some text as title on the web browser.

<title>This is My Heading.</title>

<title> Tag Description

The above title example have content, opening title tag (<title>) and closing title tag (</title>).

The content and opening and closing tag all together is called HTML element. In the above example completely known as title element.

HTML Tag Definition

It is used to provide markup to the content or text in the HTML web page document. Like in the above example (or tiitle tag) we have given instruction to the browser that, consider this text as the title of the web page.

Types of Tags(Paired and Singular)

Tags are of two types. One with the content are known as paired tag and other one is without content that is known as singular or unpaired tag.

The h1, p and title are the examples of paired tag and img, br and hr tag are the examples of singular tag.

HTML Tags and Elements

The figure below shows the difference between tag and elements.

HTML Tags HTML Elements
Fig. – Difference Between Tags and Elements.

Paired Tags – A Paired HTML element consist the starting tag,content or text and closing tag. Like below.

<HTMLTAG>content or text</HTMLTAG> 

HTML Paired Tags and Elements Description

<p>, <h1>, <h2> are the examples of the paired tags.

Singular Tags – A Singular HTML element consist only one tag, normally with some attributes.

<HTMLTAG /> 

HTML Singular Tags and Elements Description

<br />, <hr />, and <img /> are the examples of the singular tags.

If you want to write the description of the heading than you have to use the paragraph <p> tag.

<p>Paragraph text.</p>

This is the one of the html paired element example. This is a paragraph tag which is used to write the description in html document.

If you want to write the sub heading about the article than different heading tags are available such as below.<h2>,<h3>,<h4>,<h5> which have the decresing font size of heading.

<h2>HTML Heading Elements </h2>
<h3>HTML Heading Elements </h3>
<h4>HTML Heading Elements </h4> 

These are the html paired element example. These are used to write the sub heading in html document.

Basic HTML Tags

We have discussed many Tags, the below table shows some basic tags with typical use or applcation.

Basic Tags

Tag Name Application
<p> Tag Paragraph
<h1> Tag Heading Level 1.
<h2> Tag Heading Level 2.
<title> Page Title.
<img /> Tag Embed Image or Photo.
<br /> Insert Line Break.
<hr /> Insert Horizontal Line.

Now you have to check what are the differences in the these HTML Element and Tags.

<!DOCTYPE html>
<html>
	<head>
		<title>Web Page Title</title>
	</head>
	<body>

		<h1>Mobile-Phone</h1>
		<p>A mobile phone is a wireless handheld device that allows users to make and receive calls.</p>

	</body>
</html>

This complete example shows how you can use the different tags.

You can leave a response, or trackback from your own site.
Leave a Reply to the article

Learning & Certifications
Follow Us
Facebook Icon   Linked In Icon   Twitter Icon  
Validation and Recognition

Valid CSS! Valid HTML5!

Powered by Wordpress