การตกแต่งFont

1.คำสั่งในการกำหนดลักษณะตัวอักษร (Style)

ในภาษา HTML มีคำสั่งที่ช่วยในการกำหนดลักษณะตัวอักษรให้มีความเด่นชัด เพื่อความเหมาะสมกับงานในลักษณะต่าง ๆ โดยมีรูปแบบต่าง ๆ ดังนี้

การกำหนดตัวอักษรตัวหนา (Bold) ใช้แท็ก < B >

การกำหนดตัวอักษรตัวเอียง (Italic) ใช้แท็ก< I >

การกำหนดขีดเส้นใต้ตัวอักษร (Underline) ใช้แท็ก < U >

การกำหนดตัวอักษรตัวพิมพ์ดีด (Typewriter) ใช้แท็ก < TT >

การกำหนดขีดเส้นพาดทับกลางตัวอักษร (Strikethrough) ใช้แท็ก < S >

การกำหนดตัวอักษรตัวห้อย (Subscript) ใช้แท็ก < SUB >

การกำหนดตัวอักษรตัวยก (Superscript) ใช้แท็ก < SUP >

การกำหนดตัวอักษรตัวโต (Big) ใช้แท็ก < BIG >

การกำหนดตัวอักษรตัวเล็ก (Small) ใช้แท็ก < SMALL >

การกำหนดตัวเน้น (Emphasized text) ใช้แท็ก < EM >

การกำหนดเน้นข้อความสำคัญ (Important text) ใช้แท็ก < STRONG >

การกำหนดเน้นข้อความด้วยแถบสี (Highlighted text) ใช้แท็ก < MARK >

การกำหนดข้อความในเครื่องหมายคำพูด ใช้แท็ก < Q >



2.ปรับเปลี่ยนขนาดตัวอักษร

เราสามารถกำหนดขนาดของตัวอักษรในคำสั่ง < FONT > โดยใช้ Attributes "Size" ในภาษา HTMLกำหนดขนาดของตัวอักษรได้ 7 ขนาด โดยใช้ตัวเลข 1-7 เป็นตัวกำหนด ค่าเริ่มต้นจะมีขนาดเป็น 3

< FONT Size = "ขนาด"> ... ข้อความ ...



3.การใช้สีในเว็บเพจ

การกำหนดสีให้กับตัวอักษรเราใช้ Attributes "Color" ในการกำหนดสีของตัวอักษรทำได้ 2 วิธี

1. กำหนดจากชื่อของสีมาตรฐาน เป็นการกำหนดจากชื่อสีมาตรฐานโดยตรง เช่น Black, Red เป็นต้น

2. กำหนดจากรหัสเลขฐาน 16 จะใช้การอ้างอิงเลขฐาน 16 ในระบบของหมายเลขสี RGB (Red, Green, Blue) ซึ่งมีรูปแบบของรหัสสีเป็น #RRGGBB โดยใช้แทนรหัสด้วยเลขฐาน 16 ในช่วง 0, 1,2,3,4,5,6,7,8,9,A,B,C,D,E,F ตามลำดับ

< FONT Color = "ชื่อสีมาตรฐาน"> ... ข้อความ ...

< FONT Color = "#RRGGBB"> ... ข้อความ ...



4.การกำหนดแบบตัวอักษร < font face >

ในเว็บเพจแต่ละหน้า นอกจากการกำหนดลักษณะตัวอักษร และขนาดตัวอักษรแล้ว เราสามารถกำหนดรูปแบบตัวอักษรหรือฟอนต์ที่ใช้ได้ด้วย เช่น AngsanaUPC, CordiaNEW โดยมีรูปแบบดังนี้เรียนรู้แท็ก



5.กำหนดสีพื้นและสีตัวอักษร < body bgcolor.. text.. >

เราสามารถกำหนดสีพื้นของหน้าเว็บเพจ และสีตัวอักษรได้ด้วยการกำหนดค่าสีให้กับแอตทริบิวต์ bgcolor (สีพื้นเว็บเพจ) และ text (สีตัวอักษร) ซึ่งมีรูปแบบดังนี้



6 กำหนดสีเฉพาะข้อความใดๆ < font color >

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



7.การกำหนดตัวอักษรวิ่ง < marquee >

เราสามารถกำหนดให้ข้อความเคลื่อนไหวบนหน้าเว็บเพจได้ โดยการใช้แท็ก marquee