உள்ளடக்கம்

• படிகள்
• ஆலோசனை
• எச்சரிக்கை

HTML ஆவணங்களில் எழுத்துரு நிறத்தை எவ்வாறு மாற்றுவது என்பதை இந்த கட்டுரை காண்பிக்கும். எழுத்துரு குறிச்சொற்கள் HTML இல் காலாவதியானவை என்றாலும், ஒரு HTML பக்கத்தின் உரைக்கு வண்ணத்தைச் சேர்க்க நீங்கள் CSS ஐப் பயன்படுத்தலாம். நீங்கள் HTML இன் பழைய பதிப்பைப் பயன்படுத்துகிறீர்கள் என்றால், தேவைக்கேற்ப HTML எழுத்துரு குறிச்சொல்லைப் பயன்படுத்தலாம்.

படிகள்

2 இன் முறை 1: HTML குறிச்சொற்களைப் பயன்படுத்தவும்

1. 

   எழுத்துரு குறிச்சொற்களை உருவாக்கவும். அட்டைகளின் தொகுப்பு உரையின் முன் நீங்கள் நிறத்தை மாற்ற விரும்புகிறீர்கள். இறுதி அட்டை வைக்கவும் உரைக்கு பின்னால்.
   • போன்றவை:
     இந்த உரை நீலமாக இருக்கும்.

2. 

   
   
   வண்ண பண்புகளைச் சேர்க்கவும். செருக color = "" எழுத்துரு திறந்த தாவலில். நீங்கள் விரும்பும் வண்ணம் மேற்கோள்களில் இருக்கும்.
   • உதாரணத்திற்கு:
     color = ""இந்த உரை நீலமாக இருக்கும்.

3. 

   
   
   வண்ண பெயரைத் தேர்வுசெய்க. வண்ண பெயர் எப்போதும் இடைவெளிகள் இல்லாத ஒரு சொல். "நீலம்" (நீலம்), "சிவப்பு" (சிவப்பு) அல்லது "லைட்ப்ளூ" அல்லது "டார்க் ப்ளூ" (அடர் நீலம்) போன்ற விளக்கமான பெயரை முயற்சிக்கவும். கூடுதல் விருப்பங்களுக்கு, "மெரூன்" (அடர் பழுப்பு), "ஸ்டீல்ப்ளூ" (சாம்பல் பச்சை) மற்றும் "சுண்ணாம்பு" (வெளிர் மஞ்சள்) ஆகியவற்றை உள்ளடக்கிய அங்கீகரிக்கப்பட்ட வண்ண முக்கிய பட்டியலைப் பாருங்கள்.
   • போன்றவை:
     இந்த உரை நீலமாக இருக்கும்.

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. 

   HTML குறிச்சொல்லில் நடை பண்பு செருகவும். பண்புகள் style = "" HML ஆவணங்களில் CSS ஐப் பயன்படுத்த உங்களை அனுமதிக்கிறது. CSS பற்றி உங்களுக்குத் தெரியாவிட்டாலும் எழுத்துரு வண்ணத்தை அமைப்பதற்கான எளிய வழி இங்கே. HTML குறிச்சொற்களில் ஒன்றுக்கு பாணி பண்புக்கூறு அமைக்க முயற்சிக்கவும்:

   • உரையின் ஒரு பகுதியை அடையாளம் காண p குறிச்சொல் பயன்படுத்தப்படுகிறது.

   • ஒரு இணைப்பை உருவாக்க குறிச்சொல் பயன்படுத்தப்படுகிறது.
   • வடிவமைப்பை மாற்றாமல் ஒரு பத்தியின் வண்ணப் பகுதிக்கு ஸ்பான் குறிச்சொற்களைப் பயன்படுத்தவும்.

2. 

   வண்ணங்களைக் குறிப்பிடவும். செருக நிறம்: மேற்கோள்களுக்குள் வண்ண பெயர் அல்லது ஹெக்ஸாடெசிமல் குறியீட்டைக் கொண்டு. பெயர்கள் மற்றும் வண்ண குறியீடுகளைப் பற்றிய கூடுதல் விவரங்களுக்கு, மேலே உள்ள முறையைப் பார்க்கவும் அல்லது பின்வரும் எடுத்துக்காட்டுகளை முயற்சிக்கவும்:
   • இந்த குறியீடு சிவப்பு உரையை உருவாக்குகிறது.
   • இந்த குறியீடு இருண்ட ஆலிவ் பச்சை நிறத்தை உருவாக்குகிறது.
   • CSS 3-இலக்க சுருக்கத்தை ஆதரிக்கிறது. வண்ண குறியீடு 745 என்பது 774455 ஐ குறிக்கிறது.

3. 

   நீங்கள் அடிக்கடி பயன்படுத்தும் தட்டச்சுப்பொறிகளுடன் CSS வகுப்புகளைப் பயன்படுத்தவும். ஒரு பெரிய வலைப்பக்கத்தில் உள்ள உள்ளடக்கத்திற்கான ஒவ்வொரு படத் தலைப்பையும் தலைப்பையும் நீங்கள் பாணி செய்ய விரும்பினால், முழு குறியீட்டையும் மீண்டும் மீண்டும் தட்டச்சு செய்ய தேவையில்லை. அதற்கு பதிலாக, உரையின் தொடக்கத்தில் ஒரு CSS வகுப்பை வரையறுக்கவும், எனவே நீங்கள் ஒவ்வொரு முறையும் அந்த பாணியைப் பயன்படுத்த விரும்பும் போது ஒரு சுருக்கெழுத்துடன் வகுப்பை அழைக்கலாம். பாணி பண்புக்கூறின் சில புதிய பயன்பாடுகளைக் காட்டும் எடுத்துக்காட்டு இங்கே:
   • பிரிவில் HTML ஆவணத்தின், பின்வரும் குறியீட்டை ஒட்டவும்:
     
   • அடுத்து, உரையின் உடலில், இந்த பாணியை ஒரு உறுப்பாக சேர்க்க பண்புக்கூறு பயன்படுத்தவும். போன்ற,

     இந்த பத்தி

     அடர் பச்சை, பெரிய கர்சீவ் எழுத்துரு.
   • தட்டச்சுப்பொறியை விவரிக்க "ஆடம்பரமான" என்பதற்கு பதிலாக எந்த வார்த்தையையும் பயன்படுத்தலாம் என்பதை நினைவில் கொள்க.
   விளம்பரம்

ஆலோசனை

• உங்கள் பக்கத்தை எளிதாக படிக்க முயற்சிக்க வேண்டும். ஒளி உரை வண்ணங்கள் வெள்ளை நிறத்தில் படிக்க கடினமாக இருக்கும், மேலும் இருண்ட உரை வண்ணங்கள் கருப்பு நிறத்தில் படிக்க கடினமாக இருக்கும்.
• பழைய கணினிகள் 65,000 வண்ணங்களின் வரம்பைக் காண்பிக்கும், பழைய கணினிகள் 256 வண்ணங்களின் வரம்பைக் காண்பிக்கும். இருப்பினும், 99% க்கும் மேற்பட்ட இணைய பயனர்கள் நீங்கள் குறிப்பிடும் வண்ணத்தைக் காண முடியும்.

எச்சரிக்கை

• எழுத்துரு உறுப்பு XHTML 1.0 கண்டிப்பான டிடிடி தரத்தில் ஆதரிக்கப்படவில்லை.