พื้นฐาน HTML ตอน ตกแต่งตัวอักษร

การตกแต่งข้อความบนหน้าเว็บเพจของเรา สามารถทำได้หลากหลายวิธี ไม่ว่าจะเป็นการกำหนดขนาดของตัวอักษร ให้เล็กใหญ่ต่างกัน การใส่สีให้กับตัวอักษร การทำตัวอักษรเอียง การทำตัวอักษรหนา หรือแม้กระทั่งการขีดเส้นใต้ให้กับตัวอักษรหรือข้อความที่เราต้องการ บทความนีจะมาแนะนำการตกแต่งข้อความ หรือตัวอักษรในหลากหลายวิธี ด้วยภาษา HTML ?โดยตรง

คำสั่งในการตกแต่ง ข้อความหรือตัวอักษร

วิธีปรับขนาดตัวอักษรด้วยคำสั่ง HTML

เราสามารถปรับแต่งขนาดของตัวอักษรด้วยคำสั่งของ HTML โดยตรง ได้หลายวิธี ตัวอย่างเช่น ใช้คำสั่ง tag <h1> หรือ คำสั่ง แท็ก <font> เป็นต้น เรามาดูรายละเอียดวิธีการใช้งานกันก่อน

• แท็ก <h1> <h2> <h3> …
  ตัวอย่างคำสั่ง <h1> ข้อความ </h1> เป็นคำสั่งในการแสดงตัวอักษรที่มีขนาดใหญ่ <h1> จะมีตัวอักษรใหญ่สุด รองลงมาคือ <h2> และ <h3> ตามลำดับ
• แท็ก <font>
  ตัวอย่าง <font size =”2″> ข้อความ </font>

วิธีใส่สีกับตัวอักษรด้วยคำสั่ง HTML

• แท็ก <font>
  ตัวอย่าง <font color =”red”> ข้อความ </font>

วิธีใส่รูปแบบตัวอักษรด้วยคำสั่ง HTML

• แท็ก <font>
  ตัวอย่าง <font face =”arial”> ข้อความ </font>

นอกจากนี้ ยังมีคำสั่งในการตกแต่งตัวอักษรเช่นเดียวกันการใช้งาน Microsoft Office แต่มีการใช้แท็กทีมีความคล้ายกันดังนี้

• ตัวอักษรหนา
  <b> ข้อความ </b>
• ตัวอักษรเอียง
  <i> ข้อความ </i>
• ตัวอักษรขีดเส้นใต้
  <u> ข้อความ </u>

คุณทราบหรือไม่ว่า แท็ก font สามารถใช้คำสั่ง Font เดียว แต่สามารถใส่คำสั่งย่อยๆ ลงไปได้โดยตรง ตัวอย่างเช่น <font face =”arial” size =”2″ color = “red”> ข้อความ </font>