How do I insert a text in an INS tag and delete a text del tag in HTML to use it together? (attached example)

This article is mainly about the use of HTML del tags and ins tags used in conjunction with the case, the article content is compact, more knowledge, I hope you will be careful after reading the practice, now let's look at this article about HTML del tags and ins tag use

First we need to know the Del tag and the INS tag first:

Ins and Del are introduced at HTML4.0, helping creators collaborate with each other while developing documents, as well as maintaining some edits (such as the ability to react to the author's change of document over time, how to think), and version control components (with the help of the software, You can have the document revert to a state at a specific time).

HTML del tags and ins tags can be used together, one that defines the deletion text, and one that defines the inserted text. Let's take a look at an example:

Text with the deleted part and the newly inserted part:

<! DOCTYPE html>
Effect


Interpretation of Del tags and ins tags:

Del defines the text content that is deleted in the document, INS is used to describe the updates and corrections in the document, Del's browser default style is strikethrough, and ins is underlined by default, which can also be a good indication of the use of both, usually two elements together with the meaning of using.

Ins and del usages in HTML:

Ins and del two elements are in HTML, either as block-level (block-level) elements or inline (inline) elements, but cannot be used as this two element at the same time. So they can contain one or several words in a paragraph, or they can contain several block-level elements like paragraph (p), a list (UL, OL, DL), tables (table), and so on.

<p> I have <del cite= "http://www.php.cn/" datetime= "20180101t192525+09:00" >9</del><ins cite= "http ://www.php.cn/"datetime=" 20180101t192525+09:00 ">8</ins> yuan Qian </p>
<del title= "just Lost" datetime= "20180101t192525+09:00" ><p>9 block money </p></del>
The creator can comment on the inserted or deleted elements through the title property, and the user agent (such as a browser) may display this information to the user

<p><del title= "just Lost" datetime= "20180101t192525+09:00" ><div><p> I have 3 cents </p></div ></del></p>
This is a wrong notation, that is, ins and Del cannot be both block-level elements and inline elements

The display of ins and Del on the page can be controlled via CSS.

OK, the above is the whole content of this article, what questions can be in the message area below the message