Tag in HTML

Introduction

HTML Stands for Hypertext Markup Language. We also call it the backbone of the internet. It is one of the markup languages which is used to create web pages and applications. One of HTML's most essential and powerful features is the tag. With the help of this tag, we can provide a line between a paragraph. In this article, we will learn all the details about tag.

When we write an article in MS Word, the cursor will move to the next time we press enter key. In HTML, when we write any paragraph and need one line of space, we go for tag.

Examples of Tag

Example 1: Let's take an example and write a poem without giving tag and what we get in the output.

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <title>Document</title>
</head>
<body>
 <h2>Welcome To JavaTPoint</h2>
 <div>
  Hold fast to dreams
  For if dreams die
  Life is a broken-winged bird
  That cannot fly

  Hold fast to dreams
  For when dreams go
  Life is a barren field
  Frozen with snow
 </div>
</body>
</html>

Output:

Explanation:

In the above program, we write the poem by writing line breaks, but all the lines are converted into a single line in the output.

Example 2: Let's rewrite the above code with the help of tag and see what we got in the output.

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <title>Document</title>
</head>
<body>
 <h2>Welcome To JavaTPoint</h2>
 <div>
  Hold fast to dreams <br>
  For if dreams die <br>
  Life is a broken-winged bird <br>
  That cannot fly <br><br>
  Hold fast to dreams <br>
  For when dreams go <br>
  Life is a barren field <br>
  Frozen with snow <br>
 </div>
</body>
</html>

Output:

Explanation:

We got the output per our expected format after giving the tag in the above code.

Let's come to the definition of the tag.

Definition of Tag in HTML

tag is an element in HTML used to produce a line break in an HTML document (carriage return).

Syntax of Tag:

We can write the tag with the help of the below syntax.

<div>
    Sample line one <br>
    Sample line two <br>
    Sample line three <br>
</div>

Attributes of Tag in HTML

In HTML, tag supports only two types of attributes. These two attributes are Global and event Handler attributes.

1. Global Attributes

The global attribute that is supported in HTML is as follows.

Accesskey
Autocaptilize
Class
contenteditable

2. Event Handler Attributes

We want something returned as a response whenever we press any key or click. In that case, we take the help of the event handler. The list of event listeners supported by the tag is as follows.

Onabort
Onautocomplete
Onautocompleteerror
Onblur

NOTE: The tag is deprecated in HTML 5. So It Is no longer supported in HTML5 and should not be used.

Example of Tag with HTML & CSS Code

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <title>Document</title>
 <style>
  #container{
 background-color: black;
 color : RGB(161, 240, 142);
 font-weight: bold 
}
 </style>
</head>
<body>
 <h2>Welcome To JavaTPoint</h2>
 <article id="container">
  <section id="container-address">
    JavaTPoint<br>
    G-13, <br>
    SECTOR-03, <br>
    GAUTAM BUDDHA NAGAR, <br>
    NOIDA, <br>
    201301. <br>
   </section>
 </article>
</body>
</body>
</html>

Output:

Difference between and in HTML

With the help of tag, we provide the line break in HTML. There is no need for tag.
But in XTML, it is stricter in HTML. So in XTML, the syntax is changed.
We need to use (not to be confused with the usual ending tags in HTML where the slash is written before the element name, not after ex: </h1>,)

Example of Tag for Entering Line Breaks in HTML

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <title>Document</title>
</head>

 <body>
  <h1>Example of the &lt;br&gt; tag usage</h1>
  <blockquote>
   But I'm not the only one<br>
   I hope someday you'll join us<br>
   And the world will live as one.<br>
  </blockquote>
  <cite>John Lennon "imagine"</cite>
 
</body>
</html>

Output: