HTML இல் எழுத்துரு வண்ண குறிச்சொற்களை எவ்வாறு பயன்படுத்துவது
நூலாசிரியர்:
Lewis Jackson
உருவாக்கிய தேதி:
5 மே 2021
புதுப்பிப்பு தேதி:
1 ஜூலை 2024
![எழுத்துரு குறிச்சொல் மற்றும் அதன் பண்புக்கூறுகள் நிறம், அளவு மற்றும் html இல் முகம்](https://i.ytimg.com/vi/0RTdYuuthMc/hqdefault.jpg)
உள்ளடக்கம்
இந்த கட்டுரையில்: HTML குறிச்சொற்களைப் பயன்படுத்துதல் குறிச்சொற்கள் 6 குறிப்புகளில் CSS ஐப் பயன்படுத்தவும்
HTML எழுத்துரு குறிச்சொல் இப்போது வழக்கற்றுப் போய்விட்டது, மேலும் தொழில்முறை டெவலப்பர்கள் அதைப் பயன்படுத்துவதைத் தவிர்க்க வேண்டும். தனிப்பட்ட திட்டத்தில் எழுத்துருவின் நிறத்தை மாற்றுவது மிகவும் எளிதானது என்றாலும், இணைய உலாவிகள் புதுப்பிக்கப்படுவதால் இது தொடர்ந்து செயல்படும் என்பதற்கு எந்த உத்தரவாதமும் இல்லை. சிறந்த முடிவுகளுக்கு, நீங்கள் CSS உடன் முறையைப் பயன்படுத்த வேண்டும்.
நிலைகளில்
முறை 1 HTML குறிச்சொற்களைப் பயன்படுத்தவும்
-
எழுத்துரு குறிச்சொல்லை உருவாக்கவும். குறிச்சொல் வைக்கவும் e க்கு முன்னால் நீங்கள் வண்ணமயமாக்க விரும்புகிறீர்கள். போடுவதன் மூலம் அதை மூடு e இன் இறுதியில்.- உதாரணமாக:
இது நீல நிறத்தில் இருக்க வேண்டும் என்று நான் விரும்புகிறேன்
- உதாரணமாக:
-
வண்ணத்திற்கான பண்புக்கூறு சேர்க்கவும். சேர் color = "" தொடக்க குறிச்சொல்லின் உள்ளே. நீங்கள் விரும்பும் வண்ணத்தை மேற்கோள் மதிப்பெண்களில் (ஆங்கிலத்தில்) வைக்க வேண்டும்.- உதாரணமாக:
இது நீல நிறத்தில் இருக்க வேண்டும் என்று நான் விரும்புகிறேன்
- உதாரணமாக:
-
வண்ணத்தின் பெயரைத் தேர்வுசெய்க. இது எப்போதும் இடமில்லாமல் ஆங்கிலத்தில் ஒரு எளிய சொல். "நீலம்", "சிவப்பு" போன்ற எளிய பெயர்களை முயற்சிக்கவும் அல்லது "லைட்ப்ளூ" (அடர் நீலம்) அல்லது "டார்க் ப்ளூ" (அடர் நீலம்) போன்ற குறிப்பிட்ட ஒன்றை முயற்சிக்கவும். கூடுதல் தேர்வுகளுக்கு, மெரூன், ஸ்டீல்ப்ளூ மற்றும் சுண்ணாம்பு போன்ற ஏற்றுக்கொள்ளப்பட்ட வண்ணப் பெயர்களின் பட்டியலைக் கண்டறியவும்.- உதாரணமாக:
இது நீல நிறத்தில் இருக்க வேண்டும் என்று நான் விரும்புகிறேன்
- உதாரணமாக:
-
அதற்கு பதிலாக ஒரு அறுகோண குறியீட்டைப் பயன்படுத்தவும். மில்லியன் கணக்கான வண்ணங்களிலிருந்து தேர்வு செய்ய HTML உங்களை அனுமதிக்கிறது, ஆனால் அவற்றுக்கான பெயர்கள் எப்போதும் இல்லை. அதற்கு பதிலாக, நீங்கள் ஹெக்ஸாடெசிமல் எனப்படும் அமைப்பில் ஆறு இலக்க குறியீட்டைப் பயன்படுத்துவீர்கள். வண்ணங்களுக்கான அறுகோண குறியீடு பட்டியல்களை வழங்கும் பல வலைத்தளங்கள் உள்ளன, அல்லது குறியீட்டைப் பெற உங்கள் திரையில் நேரடியாக வண்ணத்தைத் தேர்வுசெய்யலாம். எண் # சின்னத்துடன் தொடங்குகிறது, அதன்பின் ஆறு இலக்கங்கள் 0 முதல் 9 வரையிலான இலக்கங்களையும், d முதல் F வரையிலான எழுத்துக்களையும் கொண்டுள்ளது.- # FF0000 குறியீடு "சிவப்பு" என்று குறிக்கப்பட்ட சிவப்பு நிறத்திற்கு சமம்.
- இந்த குறியீடு பச்சை நிறத்தை உருவாக்குகிறது.
- இந்த குறியீடு மின் நீல நிறத்தில் அமைகிறது.
-
RGB மதிப்புகளுடன் விளையாடுங்கள். இணையத்தில் நீங்கள் காணும் தட்டில் நீங்கள் விரும்பும் வண்ணத்தைத் தேர்வுசெய்ய ஹெக்ஸாடெசிமல் வண்ணக் குறியீடு எவ்வாறு செயல்படுகிறது என்பதை நீங்கள் அறிய வேண்டியதில்லை. இருப்பினும், நீங்கள் பல பரிசோதனைகள் செய்ய விரும்பினால், நீங்கள் அடிப்படைகளுடன் தொடங்க வேண்டும்.- ஒவ்வொரு ஆறு இலக்க எண்ணும் சிவப்பு, பச்சை மற்றும் நீலத்திற்கான மதிப்புகளாக பிரிக்கப்பட்டுள்ளது (அல்லது "சிவப்பு, பச்சை, நீலம்" என்பதற்கு "RGB"). எடுத்துக்காட்டாக, # FF0000 குறியீடு உண்மையில் "சிவப்பு: FF, பச்சை: 00, நீலம்: 00" என்று பொருள்படும்.
- சிவப்பு அளவை மாற்ற, முதல் இரண்டு இலக்கங்களை மாற்றவும். நீங்கள் 00 (சிவப்பு இல்லை) மற்றும் 99 (கொஞ்சம் சிவப்பு) மற்றும் AA (இன்னும் கொஞ்சம் சிவப்பு) மற்றும் FF (சிவப்பு அதிகபட்சம்) இடையே ஒரு மதிப்பைப் பயன்படுத்தலாம்.
- பச்சை (நடுத்தர இரண்டு இலக்கங்கள்) மற்றும் நீலம் (கடைசி இரண்டு இலக்கங்கள்) ஆகியவற்றின் மதிப்பை மாற்ற அதே அமைப்பைப் பயன்படுத்தவும்.
-
குறியீட்டை ஆழமாக புரிந்து கொள்ளுங்கள். மிகவும் துல்லியமான வண்ணத் தேர்வைப் பெற, நீங்கள் வேறு இரண்டு கருத்துகளைப் புரிந்து கொள்ள வேண்டும்.- இந்த மூன்று மதிப்புகள் ஒவ்வொன்றும் இரண்டு இலக்க எண்ணால் ஆனவை. சிறிய திருத்தங்களைச் செய்ய, நீங்கள் இரண்டாவது இலக்கத்தை மாற்றலாம். உதாரணமாக: #850000 மற்றும் #890000 மிகவும் ஒத்தவை ஆனால் # A50000 மிகவும் தெளிவாக உள்ளது.
- சேர்க்கை வண்ண தொகுப்பு அமைப்பின் அடிப்படையில் RGB மதிப்புகள் கலக்கப்படுகின்றன. சிவப்பு மற்றும் பச்சை நிற மேக் மஞ்சள், நீலம் மற்றும் பச்சை நிற மேக் சியான் மற்றும் சிவப்பு மற்றும் நீலம் கருநீலம் .
முறை 2 குறிச்சொற்களில் CSS ஐப் பயன்படுத்தவும்
-
குறிச்சொல்லில் "நடை" பண்பு செருகவும். இந்த பண்புக்கூறு CSS ஐ நேரடியாக HTML குறிச்சொல்லில் வைக்க அனுமதிக்கிறது. உங்களுக்கு CSS தெரியாவிட்டாலும் வண்ணத்தை மாற்றுவதற்கான எளிய வழி இது. பின்வரும் குறிச்சொற்களில் ஒன்றை வைக்க முயற்சிக்கவும்:p குறிச்சொல் e உடன் ஒரு பத்தியைச் சுற்றியுள்ளது
- குறிச்சொல் ஒரு இணைப்பைச் சூழ்ந்துள்ளது
- வடிவமைப்பை மாற்றாமல் e இன் ஒரு பகுதியின் நிறத்தை மாற்ற ஸ்பான் குறிச்சொல்லைப் பயன்படுத்தவும்
-
நிறத்தைக் குறிக்கவும். நுழைக்கவும் நிறம்: மேற்கோள் குறிகளுக்குள் வண்ணம் அல்லது அறுகோண குறியீட்டின் பெயர். வண்ணப் பெயர்களைப் பற்றிய கூடுதல் தகவலுக்கு, முந்தைய முறையின் எடுத்துக்காட்டுகளைப் பார்க்கவும்.- மின் இப்போது சிவப்பு நிறத்தில் உள்ளது.
- அடர் ஆலிவ் பச்சை நிறத்திற்கான குறியீடு இங்கே.
- CSS மூன்று இலக்க சுருக்கப்பட்ட வண்ண குறியீடுகளை ஆதரிக்கிறது. 745 குறியீடு 774455 இன் சுருக்கமாகும்.
-
CSS வகுப்புகளைப் பயன்படுத்தவும். எல்லா புகைப்படங்களுக்கும் அல்லது அனைத்து அத்தியாய தலைப்புகளுக்கும் ஒரே பாணியைப் பயன்படுத்த விரும்பினால், ஒவ்வொரு முறையும் ஒரே குறியீட்டை மீண்டும் செய்யத் தேவையில்லை. அதற்கு பதிலாக, ஆவணத்தின் தலைப்பில் ஒரு வகுப்பை நீங்கள் வரையறுக்கலாம், இதன்மூலம் நீங்கள் அதே பாணியைப் பயன்படுத்த விரும்பும் போதெல்லாம் அதைக் குறிப்பிடலாம். "நடை" பண்பின் பல பயன்பாடுகளைக் காட்ட இங்கே ஒரு எடுத்துக்காட்டு.- பிரிவில் உங்கள் HTML பக்கத்தின், பின்வரும் குறியீட்டை நகலெடுக்கவும்:
- அதே ஆவணத்தின் உடலில், பண்புக்கூறு பயன்படுத்தவும் உருப்படிக்கு இந்த பாணியைச் சேர்க்க. உதாரணமாக:
இந்த பத்தி
பரந்த கர்சீவ் எழுத்துருவுடன் அடர் பச்சை நிறத்தில் தோன்றும். - உங்கள் வகுப்பை "ஆடம்பரமான" என்று அழைக்க வேண்டியதில்லை என்பதை அறிந்து கொள்ளுங்கள், அதற்கு நீங்கள் விரும்பும் பெயரை கொடுக்கலாம்.
- பிரிவில் உங்கள் HTML பக்கத்தின், பின்வரும் குறியீட்டை நகலெடுக்கவும்: