Formatting Tags — Complete Guide
Formatting Tags — Complete Guide: free step-by-step lesson with examples, common mistakes, and interview tips — part of HTML Tutorial on Toolliyo Academy.
On this page
HTML Tutorial · Lesson 7 of 100
Formatting Tags
Basics → Forms & semantics → APIs & performance → Projects
Basics · 1 — Structure & media · ~6 min · HTML — Foundations
What is this?
Inline tags like strong, em, mark, code, and small add meaning or emphasis inside text.
Why should you care?
MarkupVerse uses semantic emphasis — not only bold for decoration.
See it live — copy this example
Save as demo.html and open in your browser, or use Run Example below.
<p>Your OTP is <strong>482911</strong>. Do not share it.</p>
<p>Run <code>npm start</code> in the project folder.</p>
<p><small>Rates update every business day.</small></p>What happened?
- strong = importance; em = stress/emphasis.
- Prefer CSS for pure visual bold if no meaning.
Practice next
- Wrap a fee in strong.
- Mark a warning with em.
- Add a code snippet.
- Add on a search hit.
- Use .
Remember
Meaningful inline tags. code for literals. small for fine print.
MarkupVerse OTP notice
strong highlights the code.
Outcome: Users see the important digits.
Interview prep for this lesson
Practice these questions aloud after reading—each links to a full structured answer.
Sign in to ask a question or upvote helpful answers.
No questions yet — be the first to ask!
