Bold, italic, highlighted, small, deleted and more.
✍️ 3 exercises + code challenge in this lessonHTML has elements that give text special meaning or appearance:
<b> bold text, and <strong> important text.<i> italic text, and <em> emphasised text.<mark> highlighted text.<small> smaller text.<del> deleted text and <ins> inserted text.<sub> subscript and <sup> superscript.<strong> and <em>: they describe meaning, which helps screen readers.Mastering HTML Text Formatting helps you write clean and reliable HTML code. Follow standard conventions, test edge cases, and keep logic simple. Try running the code example below and complete the exercises to build confidence.
<p><b>Bold</b> and <strong>strong</strong></p>
<p><i>Italic</i> and <em>emphasised</em></p>
<p>Do not forget to <mark>save your work</mark>.</p>
<p><small>This is small print.</small></p>
<p>Price: <del>Rs 5,000</del> <ins>Rs 3,500</ins></p>
<p>H<sub>2</sub>O and E = mc<sup>2</sup></p>Check what you learned in “HTML Text Formatting”.
Mark the text as highlighted.
<p>Remember to <>save</> your work.</p>
Which element shows subscript text, like the 2 in H₂O?
Show "Rs 500" as deleted text (<del>) followed by "Rs 300" as inserted text (<ins>).
Free sign-in required · Google login available
Stuck on something?
Ask the community in the CodesInTech forum.
Need a developer?
Learning on your own is great — and when you need professional help, our team builds custom software, websites and mobile apps for clients worldwide.
Explore Our Services