วิธีสร้างข้อความขีดเส้นใต้ (Underlined Text) ใน HTML

แท็ก <u> ใน HTML ใช้สำหรับขีดเส้นใต้ข้อความ

หมายเหตุ: แท็กนี้ Deprecated (เลิกใช้งาน) แล้ว และไม่ควรใช้ ควรใช้ CSS text-decoration: underline แทน เพื่อแยกเนื้อหากับการจัดรูปแบบ

ตัวอย่าง (สำหรับการอ้างอิงเท่านั้น)

<!DOCTYPE html> 
<html> 
  <head> 
    <title>HTML u Tag</title> 
  </head> 
  <body> 
    <u>Qries.com</u> เป็นระบบจัดการความรู้รุ่นใหม่ 
  </body> 
</html>

วิธีที่แนะนำ (ใช้ CSS)

<!DOCTYPE html> 
<html> 
  <head> 
    <style> 
      .underline { text-decoration: underline; } 
    </style> 
  </head> 
  <body> 
    <span class="underline">Qries.com</span> เป็นระบบจัดการความรู้รุ่นใหม่ 
  </body> 
</html>

การใช้ CSS ให้ความยืดหยุ่นมากกว่า เช่น เปลี่ยนสี เส้นประ เส้นคู่ หรือเอฟเฟกต์ hover ได้