<DEL> tag to show range of deleted text

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
TagDisplayDescriptionHTML5 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

Subscribe

* indicates required
Subscribe to plus2net

    plus2net.com







    Post your comments , suggestion , error , requirements etc here




    We use cookies to improve your browsing experience. . Learn more
    HTML MySQL PHP JavaScript ASP Photoshop Articles FORUM . Contact us
    ©2000-2024 plus2net.com All rights reserved worldwide Privacy Policy Disclaimer