HTML <u> Tag

The <u> creates underlined text.

HTML Tag

Example

#

A <u> element that underlines a line of text.

This text is underlined.

<p>
  <u>This text is underlined</u>.
</p>
u = underlined

Using <u>

The <u> tag creates underlined text.

This element is known as the unarticulated annotation element.

More Examples

A paragraph with several <u> elements.

Paul C├ęzanne was interested in the simplification of naturally occurring forms to their geometric essentials: he wanted to "treat nature in terms of the cylinder, the sphere and the cone".

<p style="width:400px;">
   Paul Cézanne was interested in the simplification of 
   naturally occurring forms to their <u>geometric essentials</u>: 
   he wanted to "treat nature in terms of the <u>cylinder</u>, 
   the <u>sphere</u> and the <u>cone</u>". 
</p>

Tip: In this case, instead of <u>, you could have used the CSS code-decoration property to underline text. Generally, CSS styling is preferred over HTML styling elements.
.


Attributes for <u>

The <u> element has no attributes, but it does accept global attributes.
The following are commonly used.

Attribute Value Description
id    value Provides the u element with a unique identifier.
class    classnames Assigns one or more classnames to the u element.
style    CSS-values Assigns CSS style values to the u element.

For additional global attributes see our global attributes list.


Did you know?

Did you know?

Styling the <u> element with CSS

By default, the underline color with <u> is the same as the text color.

With the CSS text-decoration-color property, the color can be changed.

A <u> element with the underline styled by CSS.

A custom underline color
<u style="text-decoration-color: red;">
  A custom underline color
</u>

Text Tags

The <u> tag is part of a group of tags that are used to create and format text documents. This group is referred to as the Text tag group. Together, these tags allow you to create comprehensive HTML text documents.

Here is a list of text tags.

Element Description
<h1>-<h6> Defines text headings in 6 different sizes
<p> Creates a paragraph
<span> Container for one or more inline text elements
<br> Creates a line break
<sup> Specifies superscript text
<sub> Specifies subscripted text
<u> Specifies underlined text
<i> Specifies italic text
<b> Specifies bold text
<em> Marks text that needs emphasis
<strong> Indicates text that is important or with high urgency
<del> Defines deleted text
<ins> Defines inserted text
<ruby> Represents a small annotation with pronunciation of text
<kbd> Specifies keyboard input, such as, CTRL or ALT
<wbr> Specifies a preferred word-break location for long words

Browser support

Here is when <u> support started for each browser:

Chrome
1.0 Sep 2008
Firefox
1.0 Sep 2002
IE/Edge
1.0 Aug 1995
Opera
1.0 Jan 2006
Safari
1.0 Jan 2003

You may also like

Guides