|
|
A text with a deleted part, and a new, inserted part. Definition and UsageThe Tip: Also look at the <del> tag to markup deleted text. Browser Support
Attributes
|
Create a HTML ins Tag
Follow the Example.
index.html
Example:
HTML
<p>My favorite color is <del>blue</del> <ins>red</ins>!</p>
Output should be:
How to Use CSS to style <del> and <ins>
See the Example.
index.html
Example:
HTML
<html>
<head>
<style>
del {background-color: tomato;}
ins {background-color: yellow;}
</style>
</head>
<body>
<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 <ins> Tag
Most browsers will display the <ins> element with the following default values.
index.html
Example:
HTML
<!DOCTYPE html>
<html>
<head>
<style>
ins {
text-decoration: underline;
}
</style>
</head>
<body>
<p>An ins element is displayed like this:</p>
<p><ins>Some inserted text.</ins></p>
<p>Change the default CSS settings to see the effect.</p>
</body>
</html>
Output should be:
How to add HTML <ins> cite Attribute
An inserted text, with a URL to a document that explains why the text was inserted.
Definition and Usage
The cite attribute specifies a URL to a document that explains the reason why the text was inserted/changed.
Browser Support
Note: The cite attribute has no visual effect in ordinary web browsers, but can be used by screen readers.
Syntax
<ins cite="URL">
Attribute Values
| Value | Description |
|---|---|
| URL | Specifies the address to the document that explains why the text was inserted/changed.
Possible values:
|
index.html
Example:
HTML
<p>This is a text.
<ins cite="why_inserted.htm">This is an inserted text.</ins></p>
Output should be:
How to add HTML <ins> datetime Attribute
An inserted text, with a date and time of when the text was inserted.
Definition and Usage
The datetime attribute specifies the date and time of when the text was inserted/changed.
Browser Support
Note: The datetime attribute has no visual effect in ordinary web browsers, but can be used by screen readers.
Syntax
<ins datetime="YYYY-MM-DDThh:mm:ssTZD">
Attribute Values
| Value | Description |
|---|---|
| YYYY-MM-DDThh:mm:ssTZD | Specifies the date and time of when the text was inserted/changed.
Explanation of components:
|
index.html
Example:
HTML
<p>This is a text.
<ins datetime="2015-09-15T22:55:03Z">This is an inserted text.</ins></p>
Output should be:
| How to Use CSS to style <del> and <ins> | HTML Tag |
| How to set Default CSS Settings for HTML <ins> Tag | HTML Tag |
| How to add HTML <ins> cite Attribute | HTML Tag |
| How to add HTML <ins> datetime Attribute | HTML Tag |
Read Full: | HTML Tag |
Category: | Web Tutorial |
Sub Category: | HTML Tag |
Uploaded: | 8 months ago |
Uploaded by: | Admin |
Views: | 25 |