Formatting elements were designed to display special types of text: <b> - Bold text

<p>This is a <b>bold</b> text.</p>

<strong> - Important text // Has semantic meaning

<p>This is an <strong>important</strong> point to remember.</p>

<i> - Italic text

<p>This is <i>italic</i> text.</p>

<em> - Emphasized text // Has semantic meaning

<p>This is <em>emphasized</em> text.</p> 

<mark> - Marked text

<p>Please <mark>review</mark> the important points in the document.</p>

<small> - Smaller text

<p>This is some <small>additional information</small> about the topic.</p>

<del> - Deleted text

<p>I changed my mind and <del>don't</del> want to go to the party.</p>

<ins> - Inserted text

<p>I <ins>really</ins> enjoyed the movie.</p>

<sub> - Subscript text

<p>H2O is the chemical formula for water, where 2 is written as H<sub>2</sub>O.</p>

<sup> - Superscript text

<p>The area of a circle is calculated using the formula A = πr<sup>2</sup>.</p>

<s> - Strikethrough

<p>This product is currently <s>out of stock</s>.</p>

<u> - Underline:

<p><u>This text is underlined.</u></p>

<br> - Break

<p>This is the first line.<br>This is the second line.</p>

<pre> - Preformatted:

<pre>
    function sayHello() {
        console.log("Hello, world!");
    }
</pre>

Summary of semantical meaning tags: Tags with Semantic Meaning:

<strong>
<em>

Tags without Semantic Meaning:

<b>
<I>
<mark>
<small>
<del>
<ins>
<sub>
<sup>
<s>
<u>
<be>
<pre>