วิธีใส่เส้นใต้ข้อความ (Underline) ใน HTML

เพื่อใส่เส้นใต้ข้อความใน HTML ใช้แท็ก <u> แท็ก <u> ถูก deprecated ใน HTML แต่นำกลับมาใหม่ใน HTML5 ตอนนี้มันแทนข้อความที่แตกต่างจากข้อความอื่นในแง่สไตลิสติก เช่น คำที่สะกดผิด

เพื่อใส่เส้นใต้ข้อความ ยังสามารถใช้ attribute style ได้ attribute style ระบุ inline style สำหรับองค์ประกอบ สามารถใช้กับแท็ก HTML <p> พร้อม CSS property text-decoration

จำไว้ว่า การใช้ style attribute จะ override สไตล์ที่ตั้งค่าไว้แบบ global จะทับท書きสไตล์ในแท็ก HTML <style> หรือ external style sheet

ตัวอย่างที่ 1: ใช้แท็ก 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>

ตัวอย่างที่ 2: ใช้ 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>