The <strong> element is used to highlight important text on a webpage. When you wrap text in <strong>, it tells the browser — and search engines — that this text carries extra importance.
By default, most browsers display <strong> text in bold, but it’s more than just styling. It also gives meaning to the text, which helps with accessibility and SEO (Search Engine Optimization). Use <strong> when you want to emphasise key words, warnings, or important messages.
Understaning the layout of the <strong> Element
| Start tag | Element content | End tag |
|---|---|---|
| <strong> | stay safe | </strong> |
📘 Example Code
Below is an HTML example showing regular text and strong text:
💡 This is what the code looks like inside an editor
🖥️ What This Will Look Like in a Browser
✅ Example output you would see on a webpage:
🧪 Time to Practise!
Now it’s your turn to use the <strong> tag.
Try this example first:
<p>Always <strong>follow instructions</strong> when learning to code.</p>
What To Do
✅ Type the code above in the editor below
✅ Click Test Code to see your result
✅ Try changing the text and emphasising different words
✅ Add your own sentence and make a word bold using <strong>
Tip 💡
Use <strong> when text is important or meaningful.
Don’t use it just to style text — use it to highlight key information.
This improves readability and helps screen readers understand important content.
Keep practising — every tag you learn helps you build strong web development skills! 🚀
