Inserted Text in HTML

Inserted <ins> tag is similar to Underline <u> tag, but not same.
Underline tag adds the underline but rendering of Inserted text depends on the browser. <ins> can be ignored by the old browser and can be rendered differently by some browser.
The <u> was previously excluded from the draft of HTML5, but now added.

This line has some text inserted.


<!DOCTYPE html>
<html>
    <head>
    </head>
    <body>
        <p>
            This line has some text <ins>inserted</ins>.
        </p>
    </body>
</html>
                        

Deleted Text

Deleted <del> tag is similar to Strike <strike> tag.
Strike tag adds a thin line inside content and Deleted tag also does the same.
But in HTML5.2 draft, <strike> is an obsolete feature. So better use <del> tag istead of <strike> tag.

This is the wrong word.


<!DOCTYPE html>
<html>
    <head>
    </head>
    <body>
        <p>
            This is the <del>wrong</del> word.
        </p>
    </body>
</html>
                        

Larger Text

When you want to show a specific part of the content bigger than the surrounding content, <big> tag is used.

This is the regular content which has some important word in the sentence.


<!DOCTYPE html>
<html>
    <head>
    </head>
    <body>
        <p>
            This is the regular content which has <big>some important word</big> in the sentence.
        </p>
    </body>
</html>
                        

Small Text

<small> tag is used to show the content small other than surrounding content.

This is the regular content which has some smaller words in the sentence.


<!DOCTYPE html>
<html>
    <head>
    </head>
    <body>
        <p>
            This is the regular content which has <small>some smaller words</small> in the sentence.
        </p>
    </body>
</html>
                        

Conclusion

In this section, you have learned about formatting the content using Inserted, Deleted, Big and Small tags.
In next section, you will learn about Elements in HTML.