Cách gạch dưới văn bản (underline) trong HTML

Giới thiệu

Để gạch dưới văn bản trong HTML, dùng thẻ <u>. Thẻ <u> từng deprecated trong HTML, nhưng sau đó tái giới thiệu trong HTML5. Bây giờ nó đại diện cho văn bản khác biệt về mặt phong cách, như từ bị sai chính tả.

Để gạch dưới văn bản, cũng có thể dùng thuộc tính style. Thuộc tính style chỉ định kiểu inline. Thuộc tính này dùng với thẻ <p>, với thuộc tính CSS text-decoration.

Chú ý: việc dùng style attribute sẽ ghi đè style toàn cục.

Ví dụ 1: Dùng thẻ <u>

<!DOCTYPE html> 
<html> 
  <head> 
    <title>HTML u tag</title> 
  </head> 
  <body> 
    <h1>Heading</h1> 
    <p><u>This text will be underlined.</u></p> 
  </body> 
</html>

Ví dụ 2: Dùng CSS text-decoration

<!DOCTYPE html> 
<html> 
  <head> 
    <title>HTML Text underline</title> 
  </head> 
  <body> 
    <h1>Heading</h1> 
    <p style="text-decoration: underline;">This text will be underlined.</p> 
  </body> 
</html>