เนื้อหา

• ขั้นตอน
• คำแนะนำ
• คำเตือน

บทความนี้จะแสดงวิธีเปลี่ยนสีฟอนต์บนเอกสาร HTML แม้ว่าแท็กแบบอักษรจะล้าสมัยใน HTML แต่คุณสามารถใช้ CSS เพื่อเพิ่มสีให้กับข้อความของหน้า HTML ได้ หากคุณใช้ HTML เวอร์ชันเก่าคุณสามารถใช้แท็กแบบอักษร HTML ได้ตามต้องการ

ขั้นตอน

วิธีที่ 1 จาก 2: ใช้แท็ก HTML

1. 

   สร้างแท็กแบบอักษร ชุดไพ่ ด้านหน้าข้อความที่คุณต้องการเปลี่ยนสี วางการ์ดปิด ด้านหลังข้อความ
   • เช่น:
     ข้อความนี้จะเป็นสีน้ำเงิน

2. 

   
   
   เพิ่มแอตทริบิวต์สี แทรก color = "" ลงในแท็บเปิดแบบอักษร สีที่คุณต้องการจะอยู่ในเครื่องหมายคำพูด
   • ตัวอย่างเช่น:
     color = ""ข้อความนี้จะเป็นสีน้ำเงิน

3. 

   
   
   เลือกชื่อสี ชื่อสีเป็นคำเดียวเสมอโดยไม่เว้นวรรค ลองทำอะไรง่ายๆเช่น "น้ำเงิน" (น้ำเงิน) "แดง" (สีแดง) หรือชื่อที่สื่อความหมายเช่น "lightblue" หรือ "darkblue" (สีน้ำเงินเข้ม) สำหรับตัวเลือกเพิ่มเติมให้ค้นหารายการคำหลักสีที่เป็นที่รู้จักซึ่งรวมถึง "สีแดงเข้ม" (สีน้ำตาลเข้ม) "สีเหล็ก" (สีเขียวอมเทา) และ "มะนาว" (สีเหลืองอ่อน)
   • เช่น:
     ข้อความนี้จะเป็นสีน้ำเงิน

4. 

   
   
   ใช้รหัสสีฐานสิบหก HTML ให้คุณเลือกสีได้หลายล้านสี แต่ไม่ใช่ทุกสีที่มีชื่อ แต่จะใช้รหัสหกอักขระที่เขียนด้วยเลขฐานสิบหก มีเว็บไซต์มากมายบนเว็บที่แสดงรายการรหัสสีฐานสิบหกหรือให้คุณเลือกสีบนหน้าจอและแสดงค่าฐานสิบหก รหัสนี้ขึ้นต้นด้วยเครื่องหมาย # และมีอักขระหกตัว ได้แก่ ตัวเลข 0-9 หรือตัวอักษร A-F
   • รหัส # FF0000 หมายถึงสีแดง
   • รหัสนี้สร้างข้อความสีเขียว
   • รหัสนี้สร้างข้อความสีน้ำเงิน

5. 

   ทดลองกับค่า RGB คุณไม่จำเป็นต้องรู้ว่าการเข้ารหัสสีฐานสิบหกทำงานอย่างไรจึงจะสามารถใช้ตัวเลือกสีออนไลน์ได้ อย่างไรก็ตามหากคุณต้องการประสบการณ์คุณสามารถเริ่มต้นด้วยพื้นฐาน:
   • รหัสหกอักขระแต่ละตัวจะแบ่งออกเป็นค่าสีแดงเขียว (เขียว) และน้ำเงิน ("RGB") ตัวอย่างเช่นรหัส # FF0000 หมายถึง "สีแดง: FF สีเขียว: 00 สีน้ำเงิน: 00"
   • หากต้องการเปลี่ยนจำนวนสีแดงให้เปลี่ยนตัวอักษรสองตัวแรก คุณสามารถใช้ค่าใดก็ได้ตั้งแต่ 00 (ไม่มีสีแดง) ถึง 99 (สีแดงเล็กน้อย) หรือตัวอักษร AA (สีแดง) จนถึง FF (จำนวนสูงสุดของสีแดง)
   • ใช้ระบบเดียวกันเพื่อเปลี่ยนค่าเป็นสีเขียว (ตัวเลขสองหลักตรงกลาง) หรือสีน้ำเงิน (ตัวเลขสองหลักสุดท้าย)

6. 

   ทำความเข้าใจรหัสสีฐานสิบหกให้ลึกซึ้งยิ่งขึ้น ในการเลือกสีที่ถูกต้องคุณต้องรู้สองแนวคิดต่อไปนี้:
   • ทุกค่าสามสีเป็นตัวเลขสองหลัก หากคุณต้องการปรับเปลี่ยนน้อยลงเพียงแค่เปลี่ยนหลักที่สอง ตัวอย่างเช่น # 850000 และ # 890000 ค่อนข้างใกล้เคียงกันและ # A50000 จะสว่างกว่าเล็กน้อย
   • ค่า RGB รวมจะเท่ากับระบบสีบวก สีแดงและสีเขียวจะออกสีเหลือง สีน้ำเงินและสีเขียวเป็นสีฟ้า สีแดงและสีน้ำเงินจะออกสีเบอร์กันดี
   โฆษณา

วิธีที่ 2 จาก 2: ใช้องค์ประกอบ CSS แบบอินไลน์

1. 

   แทรกแอตทริบิวต์ style ในแท็ก HTML คุณสมบัติ style = "" อนุญาตให้คุณใช้ CSS ในเอกสาร HML นี่เป็นวิธีง่ายๆในการตั้งค่าสีตัวอักษรแม้ว่าคุณจะไม่รู้เกี่ยวกับ CSS ก็ตาม ลองตั้งค่าแอตทริบิวต์ style เป็นหนึ่งในแท็ก HTML:

   • แท็ก p ใช้เพื่อระบุชิ้นส่วนของข้อความ

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

2. 

   การกำหนดสี แทรก สี: ด้วยชื่อสีหรือรหัสฐานสิบหกภายในเครื่องหมายคำพูด สำหรับรายละเอียดเพิ่มเติมเกี่ยวกับชื่อและรหัสสีโปรดดูวิธีการด้านบนหรือลองใช้ตัวอย่างต่อไปนี้:
   • รหัสนี้ประกอบด้วยข้อความสีแดง
   • รหัสนี้ทำให้เกิดสีเขียวมะกอกเข้ม
   • CSS รองรับการย่อ 3 หลัก รหัสสี 745 หมายถึง 774455

3. 

   ใช้คลาส CSS กับแบบอักษรที่คุณใช้บ่อยๆ หากคุณต้องการจัดรูปแบบคำบรรยายภาพหรือชื่อสำหรับเนื้อหาบนหน้าเว็บขนาดใหญ่คุณไม่จำเป็นต้องพิมพ์รหัสซ้ำแล้วซ้ำอีก ให้กำหนดคลาส CSS ที่จุดเริ่มต้นของข้อความแทนเพื่อให้คุณสามารถเรียกคลาสด้วยชวเลขเพียงตัวเดียวทุกครั้งที่คุณต้องการใช้สไตล์นั้น นี่คือตัวอย่างที่แสดงการใช้แอตทริบิวต์ style ใหม่ ๆ :
   • ในส่วน ของเอกสาร HTML วางโค้ดต่อไปนี้:
     
   • ถัดไปในเนื้อหาของข้อความของคุณให้ใช้แอตทริบิวต์เพื่อเพิ่มสไตล์นี้เป็นองค์ประกอบ เช่น,

     ย่อหน้านี้

     ตัวอักษร Cursive สีเขียวเข้มขนาดใหญ่
   • โปรดทราบว่าคุณสามารถใช้คำใดก็ได้แทน "แฟนซี" เพื่ออธิบายแบบอักษร
   โฆษณา

คำแนะนำ

• คุณควรพยายามทำให้เพจของคุณอ่านง่าย ข้อความสีอ่อนจะอ่านยากบนสีขาวและข้อความสีเข้มจะอ่านยากบนสีดำ
• คอมพิวเตอร์รุ่นเก่าแสดงสีได้ไม่เกิน 65,000 สีในขณะที่คอมพิวเตอร์รุ่นเก่าแสดงสีได้ไม่เกิน 256 สี อย่างไรก็ตามผู้ใช้อินเทอร์เน็ตกว่า 99% จะสามารถเห็นสีที่คุณระบุได้

คำเตือน

• องค์ประกอบแบบอักษรไม่ได้รับการสนับสนุนบนมาตรฐาน XHTML 1.0 Strict DTD