ขนาด รูปแบบอักษร

ขนาด รูปแบบอักษร

    การจัดรูปแบบตัวอักษรหรือข้อความ ในเว็บเพจด้วยภาษา HTML นั้น เราสามารถกำหนดขนาดของตัวอักษรตามความต้องการและเหมาะสมกับแต่ละลักษณะของเว็บเพจ และการกำหนดขนาดของตัวอักษร ข้อความสามารถกำหนดได้หลายขนาด
    ขนาดของตัวอักษร จะกำหนดโดยใช้ตัวเลขที่มีค่า 1 - 7 เป็นตัวกำหนด โดยค่าตัวเลข 1 และ 2 จะเป็นการย่อขนาดของตัวอักษร ค่าตัวเลข 3 ตัวอักษรจะอยู่ในระดับมาตราฐาน และค่าตัวเลข 4 ถึง 7 จะเป็นตัวอักษรใหญ่ขึ้น ตามลำดับ
    คำสั่งที่ใช้ คำสั่งจัดรูปแบบ (font) ตามด้วย คุณสมบัติของรูปแบบ (attribute) ซึ่งในการกำหนดขนาดตัวอักษร จะใช้ attribute ชื่อ size

นอกจากจะกำหนดขนาดของตัวอักษร ข้อความ ด้วยคำสั่ง font size แล้ว ในภาษา HTML ยังสามารถกำหนดขนาดของข้อความให้มีลักษณะเป็นหัวเรื่อง โดยเรียงตั้งแต่หัวเรื่องใหญ่ ไล่ลงมาถึงหัวเรื่องที่เล็กสุดได้

การกำหนดหัวเรื่อง สามารถกำหนดได้ โดยใช้คำสั่งดังนี้

การกำหนดรูปแบบและสีของตัวอักษร


    ในการจัดรูปแบบของข้อความหรือตัวอักษรนั้น การใช้สีก็เป็นส่วนสำคัญเช่นกันในการจัดรูปแบบ ซึ่งในการกำหนดรูปแบบสามารถกำหนดได้ ดังนี้

การกำหนดรูปแบบ


    ในการกำหนดรูปแบบของตัวอักษร หรือข้อความ สามารถกำหนดได้ด้วยคุณสมบัติ (attribute) ชื่อ face แล้ว ตามด้วยชื่อ font ที่เราต้องการ เอกสารเว็บกำหนดฟอนต์ ได้หลายฟอนต์ โดยโปรแกรมเบราเซอร์จะมีการตรวจสอบการใช้ฟอนต์ให้อัตโนมัติ


    เราสามารถการกำหนดรูปแบบของตัวอักษร ได้โดยใช้คำสั่ง

การกำหนดสี

การกำหนดสีของตัวอักษร หรือข้อความที่ต้องการนั้น คำสั่งในภาษา HTML จะใช้ คุณสมบัติ (attribute) สำหลับกำหนดสีที่ชื่อ color
    การกำหนดสีของตัวอักษรหรือข้อความ นั้นจะสามารถกำหนดได้ 2 แบบ ดังนี้
    1. กำหนดโดยใช้ชื่อสี เช่น red, yellow, blue หรือ pink เป็นต้น
    2. การกำหนดสีโดยระบุชื่อสีแบบนี้จะมีข้อจำกัดมาก เพราะไม่สามารถใช้โทนสีได้มากเท่าที่ใจต้องการ (จะใช้ได้ประมาณ 16 สี) ถ้าต้องการให้มีสีมากกว่านี้จะต้องใช้การกำหนดเป็นรหัสค่าสีด้วยระบบตัวเลขฐานสิบหก กำหนดค่าสีของแสง (RGB)
    เลขฐานสิบหกประกอบด้วยตัวเลข 0 1 2 3 4 5 6 7 8 9 และตัวอักษร a b c d e f ซึ่งจะแทนค่าสีตั้งแต่มืดสุด (ค่าเป็น 0) จนถึงสว่างสุด (ค่าเป็น f) ค่าสีตัวเลขฐานสิบหกจะประกอบด้วยกลุ่มตัวเลข 2 ตัว 3 ชุด แทนค่าสี RR GG BB และมีเครื่องหมาย # กำกับหน้าตัวเลขดังตัวอย่างสี #RRGGBB (code สีเพิ่มเติม)
     คำสั่งที่ใช้คือ