|
|
The |
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
<del cite="URL">
Attribute Values
| Value | Description |
|---|---|
| URL | Specifies the address to the document that explains why the text was deleted.
Possible values:
|
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
<del datetime="YYYY-MM-DDThh:mm:ssTZD">
Attribute Values
| Value | Description |
|---|---|
| YYYY-MM-DDThh:mm:ssTZD | The date and time of when the text was deleted.
Explanation of components:
|
index.html
Example:
HTML
<p>
<del datetime="2015-11-15T22:55:03Z">This text has been deleted</del>
</p>
Output should be:
| 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 |
Read Full: | HTML Tag |
Category: | Web Tutorial |
Sub Category: | HTML Tag |
Uploaded: | 1 year ago |
Uploaded by: | Admin |
Views: | 465 |
Reffered: https://www.w3schools.com/tags/tag_del.asp