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

Go to Exercise page


HTML Code:

<!DOCTYPE html><!-- Declares the document type and version of HTML -->
<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 -->
<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 -->


  • 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

Firefox logo Chrome logo Opera logo Safari logo Internet Explorer logo

Go to Exercise page

What is the difficulty level of this exercise?

Test your Programming skills with w3resource's quiz.

Follow us on Facebook and Twitter for latest update.