What is a Tag?

In this tutorial, we will briefly cover all the various meanings of Tag along with their respective examples.

The term 'Tag' has different meanings in the technical and English world. The three different meanings of Tags are as follows:

HTML tag
Tag or Tagging
Tag as a Label

1. HTML tag

A tag is an element used in various technical languages such as HTML, XML, and other markup languages. It is used to insert documents, folders, images, or files that enhance the look and feel of content or perform an action.

Each tag is enclosed between two angle brackets (usually less than and greater than). In HTML, it is mandatory to close an open tag. The opened tags are closed using forward slash, open tag name, and the two angle brackets.

Below are the few given HTML tags that are widely used:

<html> tag

The <html> tag defines the root or the lading code of an HTML document. This tag works as a container that contains all other HTML elements.

Syntax

<html>
<head>
  <title>Other tags are inserted inside html tag </title>
</head>
</html>

Example

<html>
<head>
  <title>Title of the document</title>
</head>

<body>
  <h1> Put your heading here </h1>
  <p>Put your paragraph here.</p>
</body>

</html>

Output

HTML <a> tag

The HTML <a> tag represents a hyperlink. This tag is useful for linking any image, text, heading to another page.

Syntax

Example

<!DOCTYPE html>
<html>
<body>
<p>
Click on the image to : <a href=" https://www.javatpoint.com/">
<img border="0" alt="javatpoint " src="logo_w3s.gif" width="100" height="100">
</a>
</p>
</body>
</html>

Output

Click on javaTpoint logo

HTML <body> Tag

The HTML <body> tag represents the page's body. It consists of all the information of an HTML document, unlike the headings, paragraphs, attributes, lists, formatting, fonts, images, hyperlinks, tables, etc.

Syntax

<body>
  <h1> Put your heading here </h1>
  <p>Put your paragraph here.</p>
</body>

Code:

<html>
<head>
  <title>Title of the document</title>
</head>

<body>
  <h1> Put your heading here </h1>
  <p>Put your paragraph here.</p>
</body>

</html>

Output

HTML <head> Tag

The HTML <head> element defines a container that keeps the record for metadata (data about data). This tag is implemented in between the <html> and <body> tag.

Syntax

<head>
  <base href=" https://www.javatpoint.com/" target="_blank">
</head>

Example

<html>
<head>
  <title>Title of the document</title>
</head>
</html>

HTML <p> Tag

The HTML <p> tag represents a paragraph.

Syntax

Example

<html>
<head>
<style>
p {
  color: red;
  text-indent: 130px;
  text-transform: titlecase;
}
</style>
</head>
<body>

<p> Put the paragraph content here.</p>

</body>
</html>

Output

HTML <table> tag

The HTML <table> tag is used to create a table. The user can specify the value table rows and columns as per their requirement.

Syntax

<table>
  <tr>
    <th>Year</th>
    <th>Savings in a year</th>
  </tr>
  <tr>
</table>

Example

<html>
<head>
<style>
table, th, td {
  border: 1px solid black;
  border-collapse: collapse;
}
</style>
</head>
<body>

<table>
  <tr>
    <th>Year</th>
    <th>Savings in a year</th>
  </tr>
  <tr>
    <td>2001 </td>
    <td>Rs 50000</td>
  </tr>
  <tr>
    <td>2002</td>
    <td>Rs 70000</td>
  </tr>
</table>

</body>
</html>

Output

2. Tag or Tagging

The term 'Tag' is also used to represent a different form of words, images, or marks. They act as a helping hand for the search engines to recognize the content of web pages or social platforms. Further, with that information, search engines create the best results for a given search.

The term 'Tagging' was initially used by websites that were linked with Web 2.0.

Tags are not only helpful for the individual who employs them, but it is also beneficial for other website users. Websites that implement the tag property usually present them as a collection. This collection is called tag clouds. This authorizes the users to operate more efficiently by clicking on the tag that is the most appropriate match within the cloud, thereby illustrating all the information with that specific tag.

Below given are the different types of tags:

Triple Tag: These tags are use particular type of syntax to describe extra semantic data regarding the tag. Triple tag contains three parameters i.e., a namespace, a predicate and a value.
Hashtag: Hashtags are the keywords that are use with the help of the hash symbol (#) following it. It is very popular in social media and microblogging platforms such as Instagram, Twitter.

For the users, new tags can also be introduced for an item as effortlessly as older tags, and they are designed further to classify the elements. In some instances, users can develop the tags as per their choice. The tagging option sometimes results in metadata that holds homonyms and synonyms, heading to improper search data about the content.

3. Tag as a Label

In simple English, Tag is referred as a label that is used to indicate the pricing, offers, brand name and other important details regarding the product or the services.

Next TopicTelnet commands

← prev next →