HTML - <ins> Tag

Quiz

Introduction to <ins> Tag

The HTML <ins> tag represents a range of text that has been inserted into an HTML document. This inserted text is rendered as underlined text by web browsers. HTML <ins> tag can be used with the <del> tag.

Syntax

Following is the syntax of <ins> tag −

<ins> .... </ins>

Attributes

The HTML <ins> tag supports both Global and Event attributes of HTML. It also has some specific attributes, which are listed bellow.

Attribute	Values	Description
cite	URL	This attribute specifies the URL of a resource that explains the change.
datetime	YYYY-MM-DDThh:mm:ssTZD	It specifies the date and time of the inserted text.

Example: Implementing <ins> with del

In the following example, let's see how to use the <ins> tag along with the <del> tag.

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="utf-8">
</head>
<body>
   <h1>Tutorialspoint</h1>
   <h2>HTML ins element</h2>
   <p>
      tutorialspoint is a <del>physic classes</del>
      <ins>EdTech company</ins> that provides more 
      than 6000 courses and tutorials
   </p>
</body>
</html>

Example: Styling <ins>

In the following example, we create an HTML document using the <ins> tag along with the <del> tag. We also use the CSS properties to style the content of these tags.

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="utf-8">
</head>
   <style>
   del {
      background-color: #fbb;
      color: #555;
   }

   ins {
      background-color: #d4fcbc;
   }
   </style>
</head>
<body>
   <p>
      There is <del>nothing</del>
      <ins>no code</ins> either good or bad, but 
      <del>thinking</del> <ins>running it</ins>
      makes it so.
   </p>
   <p>
      <del>
         When an unknown printer took a galley of type 
         and scrambled it to make a type specimen book
      </del>.
   </p>
</body>
</html>

Example: <ins> Element with Attributes

Consider the following example, where we create an HTML document and use the <ins> tag with the "cite" and "datetime" attributes..

<!DOCTYPE html>
<html>
<head>
   <style>
      del {
         color: red;
      }

      ins {
         color: green;
      }
   </style>
</head>
<body>
   <h1>tutorialspoint</h1>
   <h2>HTML ins Tag</h2>
   <p>
      tutorialspoint is a <del>physics classes</del>
      <ins cite=
"https://www.tutorialspoint.com/" datetime="2023-06-14T13:50:03Z"> 
      EdTech company</ins> 
      that provides more than 6000 courses and tutorials
   </p>
</body>
</html>

Supported Browsers

Tag
ins	Yes	Yes	Yes	Yes	Yes

html_tags_reference.htm

Print Page