เค้าโครงเนื้อหา  

  [..กลับไปหน้าหลัก..]

2.1 การใส่ข้อความ
2.2 การทำตัวอักษรหนา เอียง ขีดเส้นใต้
2.3 การกำหนดขนาดตัวอักษร
2.4 การกำหนดรูปแบบและสีของตัวอักษร
 
บทเรียน

หน่วยการเรียนที่ 1
ความรู้พื้นฐานทาง HTML

หน่วยการเรียนที่ 2
การจัดรูปแบบตัวอักษร

หน่วยการเรียนที่ 3
การจัดรูปแบบเอกสาร
หน่วยการเรียนที่ 4
การใส่รูปภาพ
หน่วยการเรียนที่ 5
การกำหนดพื้นหลัง
หน่วยการเรียนที่ 6
การเชื่อมโยงข้อมูล

หน่วยการเรียนที่ 7
การสร้างตาราง

หน่วยการเรียนที่ 8
การ Upload ข้อมูล

 

 
หน้าที่ 4/4
 back
 

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

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

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

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

<font face="ชื่อ font">..ข้อความต้องการกำหนด font..</font>

        font สำหรับข้อความภาษาไทย/อังกฤษ ที่เหมาะสมได้แก่ MS Sans Serif, Microsoft Sans Serif, Thonburi  และ font สำหรับข้อความภาษาอังกฤษที่เหมาะสม คือ Arial, Helvetica, sans-serif ชนิดของ font ปกติ = MS Sans Serif

        การกำหนดสี

        การกำหนดสีของตัวอักษร หรือข้อความที่ต้องการนั้น คำสั่งในภาษา 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 สีเพิ่มเติม)

 

       คำสั่งที่ใช้คือ

<font color="ชื่อสี หรือ code สี ที่ต้องการ">..........</font>

       ทดสอบการกำหนด font และสีตัวอักษร

 
 

 

หน้าที่ 4/4
 back

กลับไปหน้าแรก I แนะนำรายวิชา I วิธีการเรียน I เนื้อหาบทเรียน I แบบฝึกหัด I ติดต่อผู้สอน