DEL tag to show a range of deleted text in strikeout font in html

This is normal text . This range of text is deleted. This part is normal

The code is here

This is normal text . <del>This range of text is deleted</del>. This part is normal

Strikeout or strikethrough text can be displayed by using html <strike> tag also. It is recommended to use <del> tag than using strike tag as del is supported in higher versions of html.
Here are some sample codes Better to use <del> in place of <strike> tag as it is Obsolete and not supported in HTML5.

Internal Style to create strikethtough font

<style>.strike_font { 
text-decoration: line-through;
}</style>

This is normak text This part is strikethroug This is normal again.

We can add colour to our line through text

<style>.strike_font { 
text-decoration: line-through;
color:#f00000;
}</style>

This is normak text This part is strikethroug This is normal again.

Attributes of DEL tag

CITE : A URI explaining the reasons for change
DATETIME : Date and time of deletion of the range of text.

Example of Attributes

This is normal part and ~~This text has been deleted~~ , this part is normal again.

This is normal part and <del datetime="2018-12-16T21:53:03Z" cite="plus2net.com/html_tutorial/site_map.php">This text has been deleted</del> , this part is normal again.

Difference between <strike> and <del>

This is normal text ~~this part is strike out~~ This is normal. ~~This part is deleted text~~ . This is normal again

This is normal text <strike>this part is strike out</strike> This is normal. <del>This part is deleted text</del> . This is normal again

Tag	Display	Description	HTML5 Support
<DEL>	Strike-through font	Part of the text which is removed or deleted	Yes
<STRIKE>	Strike-through font	Part of the text which is not accurate or not relevant	No
<S>	Strike-through font	Part of the text which is not accurate or not relevant	Yes

Full HTML code using del tag with Style

Demo of DEL tag with Style

<html>
<head>
<title>DEL tag with  style </title>
<META NAME="DESCRIPTION" CONTENT="HTML del tag demo  style ">
<META NAME="KEYWORDS" CONTENT="HTML del  demo style "> 
<meta name="viewport" content="width=device-width,minimum-scale=1">
<style>
.strike_font1 { 
text-decoration: line-through;
}
.strike_font2 { 
text-decoration: line-through;
color:#f00000;
}
</style>

</head>
<body style="margin:50;">
<p>This is normak text <span class='strike_font1'>This part is strikethroug</span> This is normal again.  </p>
<br>


<p>This is normak text <span class='strike_font2'>This part is strikethroug</span> This is normal again.  </p>

</body>
</html>

INS tag to for a range of inserted text Font Colour Font Size

Subhendu Mohapatra

Author & Instructor at plus2net

I write and maintain practical tutorials on Python, PHP, SQL, JavaScript, HTML, jQuery, and web development at plus2net. The tutorials focus on clear explanations, working examples, and code that readers can test and adapt while learning.

About the author Watch on YouTube

Connect:

<DEL> tag to show range of deleted text