HTML Underlined Text Generator
Generate a <u> element for unarticulated non-textual annotation — proper noun marking, spelling indication — and copy the HTML with live preview.
Last updated: May 21, 2026
Find this tool useful? Support the project to keep it free!
Buy me a coffeeWhat is HTML Underlined Text Generator?
The HTML `<u>` element marks text as having a non-textual annotation — what the HTML spec calls "unarticulated annotation." This is not the same as simple visual underlining for emphasis. The spec gives two specific use cases: marking proper names in Chinese text (where underline is a conventional annotation), and indicating a spelling error with a visual cue.
Avoid using `<u>` simply to make text look like a link — users will be confused. For purely visual underlining without semantic meaning, use CSS `text-decoration: underline` instead. For stress emphasis use `<em>`; for importance use `<strong>`.
How to Use HTML Underlined Text Generator
Enter the text to annotate with an underline
Add a lang attribute if annotating text in a specific language (e.g. "zh" for Chinese)
Optionally add id, class, or title attributes
Copy the generated HTML
Common Use Cases
- Authors marking Chinese proper nouns with the conventional underline annotation.
- Developers programmatically indicating inline spell-check errors.
- Content editors marking unarticulated annotations in multilingual documents.
Example Input and Output
An underlined annotation on a Chinese proper noun.
Text: 北京
Lang: zh<u lang="zh">北京</u>Privacy
All HTML generation runs in your browser. No data is sent to any server.