HTML <u> Tag – Underlined Text
📌 Introduction
The <u> tag is used to display underlined text in HTML.
By default, it visually adds an underline under the text.
However, in modern HTML, <u> is not meant for emphasis. It is mainly used for:
- Marking misspelled words
- Proper names in some cases
- Stylistic or special text formatting
🧱 Syntax
<u>Underlined text</u>
💡 Example
<!DOCTYPE html>
<html>
<head>
<title>U Tag Example</title>
</head>
<body>
<p>This is normal text.</p>
<p>This is <u>underlined text</u>.</p>
</body>
</html>
🖥️ Output Explanation
- Normal text appears regular
- Text inside
<u>appears underlined
🎯 When to Use <u>
Use <u> for:
- Highlighting spelling mistakes
- Special annotations
- Non-emphasis underline styling
Example:
<p>This word is <u>wrongly spelled</u>.</p>
⚠️ Important Note (Modern HTML)
In older HTML, <u> was used for emphasis.
But today:
👉 Do NOT use <u> for importance or highlighting
👉 Use CSS instead if you only want decoration
⚖️ <u> vs <strong> vs <em>
| Tag | Meaning | Purpose |
|---|---|---|
<u> |
Underlined text | Visual/annotation |
<strong> |
Important text | Semantic importance |
<em> |
Emphasis | Semantic stress |
🎨 Better Modern Way (CSS)
Instead of <u>, you can do:
<p style="text-decoration: underline;">Underlined text</p>
✔ More control ✔ Cleaner design practice
🚫 Common Mistakes
- Using
<u>for emphasis ❌ - Using it like a heading ❌
- Overusing underlines everywhere ❌
🧪 Mini Exercise
Create a page with:
- A paragraph about learning English or HTML
- Underline:
- One mistake word
- One important term