HTML <b> Tag – Bold Text (Visual Only)
📌 Introduction
The <b> tag is used to make text bold in HTML.
Unlike <strong>, the <b> tag does not add meaning to the text. It is only used for visual styling.
🧱 Syntax
<b>Bold text here</b>
💡 Example
<!DOCTYPE html>
<html>
<head>
<title>B Tag Example</title>
</head>
<body>
<p>This is normal text.</p>
<p>This is <b>bold text</b> using the b tag.</p>
</body>
</html>
🖥️ Output Explanation
- Normal text appears regular
- Text inside
<b>appears bold - But it has no semantic meaning
🎯 When to Use <b>
Use <b> for:
- Keywords in a sentence
- Product names
- Visual highlighting without importance
Example:
<p>Buy our <b>Premium Plan</b> today.</p>
⚖️ <b> vs <strong>
| Tag | Meaning | Use |
|---|---|---|
<b> |
Bold (visual only) | Styling |
<strong> |
Important text | Meaning + accessibility |
Example:
<p>This is <b>just bold</b>.</p>
<p>This is <strong>important</strong>.</p>
✔ Use <strong> for meaning
✔ Use <b> only when you don’t need importance
⚠️ Important Note
Modern web development recommends:
👉 Prefer <strong> over <b> when meaning matters
👉 Use <b> only for visual styling cases
🚫 Common Mistakes
- Using
<b>for important warnings ❌ - Replacing headings with
<b>❌ - Overusing bold text everywhere ❌
🎨 Styling <b>
You can still style it with CSS:
<b style="color:red;">Special offer</b>
🧪 Mini Exercise
Create a page with:
- A product description
- Use
<b>to highlight:- Product name
- Price
- Feature keywords