HTML5: How to define a text that has been inserted into a document?

Last update on February 09 2024 12:52:38 (UTC/GMT +8 hours)

Solution:

HTML Code:

<!DOCTYPE html><!-- Declares the document type and version of HTML -->
<html>
<head>
<meta charset="utf-8"><!-- Specifies the character encoding for the document -->
<title>How to define a text that has been inserted into a document</title><!-- Sets the title of the document -->
</head>
<body>
<p>My favorite play is <!-- Starts a paragraph -->
<del>football</del><!-- Represents deleted text, "football" in this case -->
<ins>cricket</ins>! <!-- Represents inserted text, "cricket" in this case -->
</p><!-- Ends the paragraph -->
</body>
</html>

Explanation:

The HTML document starts with a declaration of its type and version (<!DOCTYPE html>).
The <html> element encloses the entire HTML document.
The <head> section contains metadata about the document, including the character encoding (<meta charset="utf-8">) and the title of the document (<title>).
Inside the <body> section, there's a <p> element, which represents a paragraph of text.
Within the paragraph, there's <del> element, which indicates deleted text. In this case, "football" is marked as deleted text.
There's also an <ins> element, which indicates inserted text. In this case, "cricket" is marked as inserted text.
The text "My favorite play is football cricket!" is displayed in the paragraph, with "football" struck through (deleted) and "cricket" underlined (inserted), indicating the change from "football" to "cricket".

Live Demo:

See the Pen insert-answer by w3resource (@w3resource) on CodePen.

See the solution in the browser

Supported browser


Yes	Yes	Yes	Yes	Yes

Go to Exercise page