HTML - <del> Tag

The HTML <del> tag stands for "deleted text." It represents a range of text that has been deleted from a document. This can be used when rendering "track changes" or source code provides different information.

When we use the <del> tag, the browser will usually strike a line through the text that has been deleted.

To find deleted and inserted content in a document, use the <ins> tag with <del>, which will display deleted and inserted text.

Syntax

Following is the syntax of <del> tag −

<del >...</del >

Example

In the following example, we are creating an HTML document and using the <del> tag to strike a line on the unwanted content, as follows −

<!DOCTYPE html>
<html>
<body>
   <h2>Example of del tag </h2>
   <p>This is tutorialpoint; here learning is easy <del>and difficult</del>, so their caption is easy to learn. </p>
   <p>
      <del>I am deleted paragraph</del>
   </p>
</body>
</html>

When we run the above code, it will generate an output consisting of the text along with a striken that comes under the del tag displayed on the webpage.

Example

Considering the following example, we use the <del> tag to give a strike line to the unwanted content and use the CSS properties to set the background color of the deleted content as follows −

<!DOCTYPE html>
<html>
<head>
   <style>
      del {
         text-decoration: line-through;
         background-color: #fbb;
         color: #555;
      }

      ins {
         text-decoration: none;
         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>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, <del>when an unknown printer took a galley of type and scrambled it to make a type specimen book</del>. </p>
</body>
</html>

On running the above code, we get the following output, which shows the deleted content with a light red background along with a strike line and the inserted content in a light green background, as we can see in the output that follows −

html_tags_reference.htm
Advertisements