The Speed Coding

HTML <u> Tag


Example

Mark up a misspelled word with the <u> tag:

<p>This is some <u > mispeled</u> text.</p >

Definition and Usage

The <u> tag represents some text that is unarticulated and styled differently from normal text, such as misspelled words or proper names in Chinese text. The content inside is typically displayed with an underline. You can change this with CSS (see example below). 

Tip: Avoid using the <u> element where it could be confused for a hyperlink!


Browser Support

Element
<u> Yes Yes Yes Yes Yes

Global Attributes

The <u> tag also supports the Global Attributes in HTML.


Event Attributes

The <u> tag also supports the Event Attributes in HTML.


More Examples

Example

Use CSS to style misspelled text:

<html>
<head >
<style>
.spelling-error {
  text-decoration-line : underline;
  text-decoration-style : wavy;
  text-decoration-color : red;
}
</style>
</head>
<body >

<p>This is some <u class="spelling-error">mispeled</u > text.</p>

</body >
</html >

Related Pages

HTML tutorial: HTML Text Formatting

HTML DOM reference: Underline Object


Default CSS Settings

Most browsers will display the <u> element with the following default values:

Example

u {
  text-decoration: underline;
}