HTML <del> Tag - HTML Tag

The <del> tag defines text that has been deleted from a document. Browsers will usually strike a line through deleted text.

How to create HTML <del> Tag

A text with a deleted part, and a new, inserted part

index.html

Example: HTML

<p>My favorite color is <del>blue</del> <ins>red</ins>!</p>

Output should be:

Tips and Notes for HTML <del> Tag

Tip: Also look at the <ins> tag to markup inserted text.

What Type of Browsers will Support for HTML <del> Tag

Attributes for HTML <del> Tag

Attribute	Value	Description
cite	URL	Specifies a URL to a document that explains the reason why the text was deleted/changed
datetime	YYYY-MM-DDThh:mm:ssTZD	Specifies the date and time of when the text was deleted/changed

How to Use CSS to style <del> and <ins>

The del and ins elements + CSS

index.html

Example: HTML

<!DOCTYPE html>
<html>
<head>
<style>
del {background-color: tomato;}
ins {background-color: yellow;}
</style>
</head>
<body>

<h1>The del and ins elements + CSS</h1>

<p>My favorite color is <del>blue</del> <ins>red</ins>!</p>

</body>
</html>

Output should be:

How to set Default CSS Settings for HTML <del> Tag

Most browsers will display the <del> element with the following default values

index.html

Example: HTML

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

Output should be:

How to add HTML <del> cite Attribute

A deleted text, with a URL to a document that explains why the text was deleted:

Definition and Usage

The cite attribute specifies a URL to a document that explains the reason why the text was deleted.

Browser Support

Note: The cite attribute has no visual effect in ordinary web browsers, but can be used by screen readers.

Syntax

Attribute Values

Value	Description
URL	Specifies the address to the document that explains why the text was deleted. Possible values: An absolute URL - Points to another web site (like cite="http://www.example.com/page.htm") A relative URL - Points to a page within a web site (like cite="page.htm")

Value

Description

URL

Specifies the address to the document that explains why the text was deleted.

Possible values:

An absolute URL - Points to another web site (like cite="http://www.example.com/page.htm")
A relative URL - Points to a page within a web site (like cite="page.htm")

index.html

Example: HTML

<!DOCTYPE html>
<html>
<body>

<h1>The del cite attribute</h1>

<p><del cite="del_demo_cite.htm">This text has been deleted</del></p>

</body>
</html>

Output should be:

How to add HTML <del> datetime Attribute

A deleted text, with a date and time of when the text was deleted.

Definition and Usage

The datetime attribute specifies the date and time when the text was deleted.

Browser Support

Note: The datetime attribute has no visual effect in ordinary web browsers, but can be used by screen readers.

Syntax

Attribute Values

Value	Description
YYYY-MM-DDThh:mm:ssTZD	The date and time of when the text was deleted. Explanation of components: YYYY - year (e.g. 2012) MM - month (e.g. 01 for January) DD - day of the month (e.g. 08) T or a space - a separator (required if time is also specified) hh - hour (e.g. 22 for 10.00pm) mm - minutes (e.g. 55) ss - seconds (e.g. 03) TZD - Time Zone Designator (Z denotes Zulu, also known as Greenwich Mean Time)

Value

Description

YYYY-MM-DDThh:mm:ssTZD

The date and time of when the text was deleted.

Explanation of components:

YYYY - year (e.g. 2012)
MM - month (e.g. 01 for January)
DD - day of the month (e.g. 08)
T or a space - a separator (required if time is also specified)
hh - hour (e.g. 22 for 10.00pm)
mm - minutes (e.g. 55)
ss - seconds (e.g. 03)
TZD - Time Zone Designator (Z denotes Zulu, also known as Greenwich Mean Time)

index.html

Example: HTML

<p>
<del datetime="2015-11-15T22:55:03Z">This text has been deleted</del>
</p>

Output should be:

HTML <!--...--> Tag	HTML Tag
HTML <!DOCTYPE> Declaration	HTML Tag
HTML Elements and Doctypes	HTML Tag
HTML <a> Tag	HTML Tag
HTML <abbr> Tag	HTML Tag
HTML <acronym> Tag	HTML Tag
HTML <address> Tag	HTML Tag
HTML <applet> Tag	HTML Tag
HTML <area> Tag	HTML Tag
HTML <article> Tag	HTML Tag
HTML <aside> Tag	HTML Tag
HTML <audio> Tag	HTML Tag
HTML <b> Tag	HTML Tag
HTML <base> Tag	HTML Tag
HTML <basefont> Tag	HTML Tag
HTML <bdi> Tag	HTML Tag
HTML <bdo> Tag	HTML Tag
HTML <big> Tag	HTML Tag
HTML <blockquote> Tag	HTML Tag
HTML <body> Tag	HTML Tag
HTML <br> Tag	HTML Tag
HTML <button> Tag	HTML Tag
HTML <canvas> Tag	HTML Tag
HTML <caption> Tag	HTML Tag
HTML <center> Tag	HTML Tag
HTML <cite> Tag	HTML Tag
HTML <code> Tag	HTML Tag
HTML <col> Tag	HTML Tag
How to create HTML <colgroup> Tag	HTML Tag
HTML <data> Tag	HTML Tag
HTML <datalist> Tag	HTML Tag
HTML <dd> Tag	HTML Tag
HTML <del> Tag	HTML Tag
HTML <details> Tag	HTML Tag
HTML <dfn> Tag	HTML Tag
HTML <dialog> Tag	HTML Tag
HTML <dir> Tag	HTML Tag
HTML <div> Tag	HTML Tag
HTML <dl> Tag	HTML Tag
HTML <dt> Tag	HTML Tag
HTML <em> Tag	HTML Tag
HTML <embed> Tag	HTML Tag
HTML <fieldset> Tag	HTML Tag
HTML <figcaption> Tag	HTML Tag
HTML <figure> Tag	HTML Tag
HTML <font> Tag	HTML Tag
HTML <footer> Tag	HTML Tag
HTML <form> Tag	HTML Tag
HTML <frame> Tag	HTML Tag
HTML <frameset> Tag	HTML Tag
HTML <h1> to <h6> Tags	HTML Tag
HTML <head> Tag	HTML Tag
HTML <header> Tag	HTML Tag
HTML <hgroup> Tag	HTML Tag
HTML <hr> Tag	HTML Tag
HTML <html> Tag	HTML Tag
HTML <i> Tag	HTML Tag
HTML <iframe> Tag	HTML Tag
HTML <img> Tag	HTML Tag
HTML <input> Tag	HTML Tag
HTML <ins> Tag	HTML Tag
HTML <kbd> Tag	HTML Tag
HTML <label> Tag	HTML Tag
HTML <legend> Tag	HTML Tag
HTML <li> Tag	HTML Tag
HTML <link> Tag	HTML Tag
HTML <main> Tag	HTML Tag
HTML <map> Tag	HTML Tag
HTML <mark> Tag	HTML Tag
HTML <menu> Tag	HTML Tag
HTML <meta> Tag	HTML Tag
HTML <meter> Tag	HTML Tag
HTML <nav> Tag	HTML Tag
HTML <noframes> Tag	HTML Tag
HTML <noscript> Tag	HTML Tag
HTML <object> Tag	HTML Tag
HTML <ol> Tag	HTML Tag
HTML <optgroup> Tag	HTML Tag
HTML <option> Tag	HTML Tag
HTML <output> Tag	HTML Tag
HTML <p> Tag	HTML Tag
HTML <param> Tag	HTML Tag
HTML <picture> Tag	HTML Tag
HTML <pre> Tag	HTML Tag
HTML <progress> Tag	HTML Tag
HTML <q> Tag	HTML Tag
HTML <rp> Tag	HTML Tag
HTML <rt> Tag	HTML Tag
HTML <ruby> Tag	HTML Tag
HTML <s> Tag	HTML Tag
HTML <samp> Tag	HTML Tag
HTML <script> Tag	HTML Tag
HTML <search> Tag	HTML Tag
HTML <section> Tag	HTML Tag
HTML <select> Tag	HTML Tag
HTML <small> Tag	HTML Tag
HTML <source> Tag	HTML Tag
HTML <span> Tag	HTML Tag
HTML <strike> Tag	HTML Tag
HTML <strong> Tag	HTML Tag
HTML <style> Tag	HTML Tag
HTML <sub> Tag	HTML Tag
HTML <summary> Tag	HTML Tag
HTML <sup> Tag	HTML Tag
HTML <svg> Tag	HTML Tag
HTML <table> Tag	HTML Tag
HTML <tbody> Tag	HTML Tag
HTML <td> Tag	HTML Tag
HTML <template> Tag	HTML Tag
HTML <textarea> Tag	HTML Tag
HTML <tfoot> Tag	HTML Tag
HTML <th> Tag	HTML Tag
HTML <thead> Tag	HTML Tag
HTML <time> Tag	HTML Tag
HTML <title> Tag	HTML Tag
HTML <tr> Tag	HTML Tag
HTML <track> Tag	HTML Tag
HTML <tt> Tag	HTML Tag
HTML <u> Tag	HTML Tag
HTML <ul> Tag	HTML Tag
HTML <var> Tag	HTML Tag
HTML <video> Tag	HTML Tag
How to add HTML <wbr> Tag	HTML Tag

Single Articles

How to create HTML <del> Tag	HTML Tag
Tips and Notes for HTML <del> Tag	HTML Tag
What Type of Browsers will Support for HTML <del> Tag	HTML Tag
Attributes for HTML <del> Tag	HTML Tag
How to Use CSS to style <del> and <ins>	HTML Tag
How to set Default CSS Settings for HTML <del> Tag	HTML Tag
How to add HTML <del> cite Attribute	HTML Tag
How to add HTML <del> datetime Attribute	HTML Tag

Category:	Web Tutorial
Sub Category:	HTML Tag
Uploaded by:	Admin

Reffered: https://www.w3schools.com/tags/tag_del.asp