วิธีใช้แท็กสีแบบอักษรใน HTML

เนื้อหา

• ขั้นตอน
• วิธีที่ 1 ใช้แท็ก HTML
• วิธีที่ 2 ใช้ CSS ในแท็ก

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

ขั้นตอน

วิธีที่ 1 ใช้แท็ก HTML

1. 
   

   
   สร้างแท็กตัวอักษร ใส่แท็ก หน้า e ที่คุณต้องการสี ปิดมันโดยใส่ ในตอนท้ายของ e
   • ตัวอย่างเช่น
     ฉันต้องการให้มันเป็นสีน้ำเงิน

2. 
   

   
   เพิ่มคุณสมบัติสำหรับสี เพิ่ม color = "" ภายในแท็กเปิด จากนั้นคุณต้องใส่สีที่คุณต้องการในเครื่องหมายคำพูด (เป็นภาษาอังกฤษ)
   • ตัวอย่างเช่น
     ฉันต้องการให้มันเป็นสีน้ำเงิน

3. 
   

   
   เลือกชื่อของสี มันเป็นคำที่ง่ายในภาษาอังกฤษโดยไม่มีที่ว่าง ลองใช้ชื่อแบบง่าย ๆ เช่น "สีน้ำเงิน", "สีแดง" หรือชื่ออื่นที่เฉพาะเจาะจงกว่าเช่น "lightblue" (สีน้ำเงินเข้ม) หรือ "darkblue" (สีน้ำเงินเข้ม) สำหรับตัวเลือกเพิ่มเติมค้นหารายการชื่อสีที่ยอมรับเช่น maroon, steelblue และ lime
   • ตัวอย่างเช่น
     ฉันต้องการให้มันเป็นสีน้ำเงิน

4. 
   

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

5. 
   

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

6. 
   

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

วิธีที่ 2 ใช้ CSS ในแท็ก

1. 
   

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

   • แท็ก p ล้อมรอบวรรคด้วย e

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

2. 
   

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

3. 
   

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

     ย่อหน้านี้

     จะปรากฏเป็นสีเขียวเข้มพร้อมตัวอักษรแบบตัวกว้าง
   • รู้ว่าคุณไม่ต้องเรียกคลาส "แฟนซี" ของคุณคุณสามารถตั้งชื่อที่คุณต้องการ