Tutorialspoint.dev

HTML | <del> Tag

The <del> tag in HTML stands for delete and is used to mark a portion of text which has been deleted from the document. The deleted text is rendered as strikethrough text by the web browsers although this property can be changed using CSS text-decoration property. The <del> tag requires a starting and ending tag.

Syntax:

<del> Contents... </del>

Attributes: The <del> tag contains two attributes which are listed below:

  • cite: It is used to specify the URL of the document or message which denotes the reason of deleting the text.
  • datetime: It is used to specify the date and time of the deleted text.

Below programs illustrate the <del> element in HTML:

Example 1:



<!DOCTYPE html>
<html>
    <head>
        <title>del Tag</title>
        <style>
            del{
                color: red;
            }
            ins{
                color: green;
            }
            h1 {
                color:green;
            }
            body {
                text-align:center;
            }
        </style
    </head>
    <body>
        <h1>GeeksforGeeks</h1>
        <h2><del> Tag</h2>
        <p>GeeksforGeeks is a <del>mathematical</del>
        <ins>computer</ins> science portal</p
    </body>
</html>                    

Output:

Example 2: This example use the <del> tag with the datetime attribute.
Input:

<!DOCTYPE html>
<html>
    <head>
        <title>del Tag</title>
        <style>
            del{
                color: red;
            }
            ins{
                color: green;
            }
            h1 {
                color:green;
            }
            body {
                text-align:center;
            }
        </style
    </head>
    <body>
        <h1>GeeksforGeeks</h1>
        <h2><del> Tag</h2>
        <p>GeeksforGeeks is a <del datetime="2018-11-21T15:55:03Z">
        mathematical</del> <ins>computer</ins> science portal</p>
    </body>
</html>                    

Output:

Supported Browsers: The browser supported by <del> tag are listed below:

  • Opera
  • Internet Explorer
  • Google Chrome
  • Firefox
  • Apple Safari


This article is attributed to GeeksforGeeks.org

leave a comment

code

0 Comments

load comments

Subscribe to Our Newsletter