రచయిత:
Monica Porter
సృష్టి తేదీ:
21 మార్చి 2021
నవీకరణ తేదీ:
27 జూన్ 2024
![HTML లో టెక్స్ట్ రంగును ఎలా మార్చాలి](https://i.ytimg.com/vi/KYY5zp06jH0/hqdefault.jpg)
విషయము
ఈ వ్యాసం HTML పత్రాలపై ఫాంట్ రంగును ఎలా మార్చాలో మీకు చూపుతుంది. ఫాంట్ ట్యాగ్లు HTML లో పాతవి అయినప్పటికీ, మీరు HTML పేజీ యొక్క వచనానికి రంగును జోడించడానికి CSS ను ఉపయోగించవచ్చు. మీరు HTML యొక్క పాత సంస్కరణను ఉపయోగిస్తుంటే, మీరు అవసరమైన విధంగా HTML ఫాంట్ ట్యాగ్ను ఉపయోగించవచ్చు.
దశలు
2 యొక్క పద్ధతి 1: HTML ట్యాగ్లను ఉపయోగించండి
ఫాంట్ ట్యాగ్లను సృష్టించండి. కార్డుల సెట్ మీరు రంగు మార్చాలనుకుంటున్న టెక్స్ట్ ముందు. మూసివేసే కార్డు ఉంచండి టెక్స్ట్ వెనుక.- వంటివి:
ఈ వచనం నీలం రంగులో ఉంటుంది.
- వంటివి:
రంగు లక్షణాలను జోడించండి. చొప్పించు color = "" ఫాంట్ ఓపెన్ టాబ్లోకి. మీకు కావలసిన రంగు కోట్స్లో ఉంటుంది.- ఉదాహరణకి:
color = ""ఈ వచనం నీలం రంగులో ఉంటుంది.
- ఉదాహరణకి:
రంగు పేరును ఎంచుకోండి. రంగు పేరు ఎల్లప్పుడూ ఖాళీలు లేని ఒక పదం. "నీలం" (నీలం), "ఎరుపు" (ఎరుపు) లేదా "లైట్బ్లూ" లేదా "డార్క్ బ్లూ" (ముదురు నీలం) వంటి వివరణాత్మక పేరు వంటి సాధారణమైనదాన్ని ప్రయత్నించండి. మరిన్ని ఎంపికల కోసం, గుర్తించబడిన రంగు కీవర్డ్ జాబితాను చూడండి, ఇందులో "మెరూన్" (ముదురు గోధుమ), "స్టీల్బ్లూ" (బూడిద ఆకుపచ్చ) మరియు "సున్నం" (లేత పసుపు) ఉన్నాయి.- వంటివి:
ఈ వచనం నీలం రంగులో ఉంటుంది.
- వంటివి:
హెక్స్ కలర్ కోడ్లను ఉపయోగించండి. HTML మిలియన్ల రంగులను ఎంచుకోవడానికి మిమ్మల్ని అనుమతిస్తుంది, కానీ అన్ని రంగులకు పేరు లేదు. బదులుగా, వారు హెక్సాడెసిమల్లో వ్రాసిన ఆరు అక్షరాల కోడ్ను ఉపయోగిస్తారు. వెబ్లో హెక్స్ కలర్ కోడ్లను జాబితా చేసే చాలా వెబ్సైట్లు ఉన్నాయి లేదా స్క్రీన్పై రంగును ఎంచుకుని హెక్స్ విలువను ప్రదర్శించనివ్వండి. ఈ కోడ్ # గుర్తుతో ప్రారంభమవుతుంది మరియు ఆరు అక్షరాలను కలిగి ఉంటుంది, వీటిలో 0-9 సంఖ్యలు లేదా A-F అక్షరం ఉన్నాయి.- కోడ్ # FF0000 ఎరుపు రంగును సూచిస్తుంది.
- ఈ కోడ్ ఆకుపచ్చ వచనాన్ని ఉత్పత్తి చేస్తుంది.
- ఈ కోడ్ నీలం వచనాన్ని ఉత్పత్తి చేస్తుంది.
RGB విలువలతో ప్రయోగం. ఆన్లైన్ కలర్ పికర్ని ఉపయోగించడానికి హెక్స్ కలర్ కోడింగ్ ఎలా పనిచేస్తుందో మీకు తెలియదు. అయితే, మీకు అనుభవం కావాలంటే, మీరు ప్రాథమిక విషయాలతో ప్రారంభించవచ్చు:- ప్రతి ఆరు అక్షరాల కోడ్ ఎరుపు, ఆకుపచ్చ (ఆకుపచ్చ) మరియు నీలం ("RGB") విలువలుగా విభజించబడింది. ఉదాహరణకు, # FF0000 కోడ్ అంటే "ఎరుపు: FF ఆకుపచ్చ: 00 నీలం: 00."
- ఎరుపు మొత్తాన్ని మార్చడానికి, మొదటి రెండు అక్షరాలను మార్చండి. మీరు 00 (ఎరుపు లేకుండా) నుండి 99 (కొద్దిగా ఎరుపు) లేదా AA (ఎరుపు) అక్షరాలను FF వరకు (గరిష్టంగా ఎరుపు) ఉపయోగించవచ్చు.
- విలువను ఆకుపచ్చ (మధ్య రెండు అంకెలు) లేదా నీలం (చివరి రెండు అంకెలు) గా మార్చడానికి అదే వ్యవస్థను ఉపయోగించండి.
హెక్స్ కలర్ కోడ్ల గురించి లోతైన అవగాహన పొందండి. సరైన రంగును ఎంచుకోవడానికి, మీరు ఈ క్రింది రెండు అంశాలను తెలుసుకోవాలి:- ప్రతి మూడు రంగు విలువలు రెండు అంకెలు. మీరు తక్కువ సర్దుబాట్లు చేయాలనుకుంటే, రెండవ అంకెను మార్చండి. ఉదాహరణకు, # 850000 మరియు # 890000 చాలా పోలి ఉంటాయి మరియు # A50000 కొంచెం ప్రకాశవంతంగా ఉంటుంది.
- సంయుక్త RGB విలువలు రంగు వ్యవస్థ ప్లస్కు సమానం. ఎరుపు మరియు ఆకుపచ్చ పసుపును ఉత్పత్తి చేస్తుంది; నీలం మరియు ఆకుపచ్చ రూపం సియాన్; ఎరుపు మరియు నీలం బుర్గుండి రంగును ఉత్పత్తి చేస్తాయి.
2 యొక్క 2 విధానం: ఇన్లైన్ CSS మూలకాన్ని ఉపయోగించండి
HTML ట్యాగ్లో శైలి లక్షణాన్ని చొప్పించండి. లక్షణాలు style = "" HML పత్రాలలో CSS ను ఉపయోగించడానికి మిమ్మల్ని అనుమతిస్తుంది. CSS గురించి మీకు తెలియకపోయినా ఫాంట్ రంగును సెట్ చేయడానికి ఇక్కడ సులభమైన మార్గం. HTML ట్యాగ్లలో ఒకదానికి శైలి లక్షణాన్ని సెట్ చేయడానికి ప్రయత్నించండి:టెక్స్ట్ యొక్క భాగాన్ని గుర్తించడానికి p ట్యాగ్ ఉపయోగించబడుతుంది.
- ట్యాగ్ లింక్ను సృష్టించడానికి ఉపయోగించబడుతుంది.
- ఆకృతీకరణను మార్చకుండా పేరా యొక్క భాగాన్ని రంగు చేయడానికి స్పాన్ ట్యాగ్లను ఉపయోగించండి.
రంగులను పేర్కొనండి. చొప్పించు రంగు: కోట్స్ లోపల రంగు పేరు లేదా హెక్సాడెసిమల్ కోడ్తో. పేర్లు మరియు రంగు సంకేతాల గురించి మరిన్ని వివరాల కోసం, పై పద్ధతిని చూడండి లేదా క్రింది ఉదాహరణలను ప్రయత్నించండి:- ఈ కోడ్ ఎరుపు వచనాన్ని కలిగి ఉంటుంది.
- ఈ కోడ్ ముదురు ఆలివ్ ఆకుపచ్చ రంగును ఉత్పత్తి చేస్తుంది.
- CSS 3-అంకెల సంక్షిప్తీకరణకు మద్దతు ఇస్తుంది. కలర్ కోడ్ 745 అంటే 774455.
మీరు తరచుగా ఉపయోగించే టైప్ఫేస్లతో CSS తరగతులను ఉపయోగించండి. మీరు ఒక పెద్ద వెబ్ పేజీలో ప్రతి చిత్రం శీర్షిక లేదా శీర్షికను స్టైల్ చేయాలనుకుంటే, మీరు మొత్తం కోడ్ను పదే పదే టైప్ చేయవలసిన అవసరం లేదు. బదులుగా, టెక్స్ట్ ప్రారంభంలో ఒక CSS తరగతిని నిర్వచించండి, కాబట్టి మీరు ఆ శైలిని ఉపయోగించాలనుకున్న ప్రతిసారీ కేవలం ఒక సంక్షిప్తలిపితో తరగతిని పిలుస్తారు. శైలి లక్షణం యొక్క కొన్ని కొత్త ఉపయోగాలను చూపించే ఉదాహరణ ఇక్కడ ఉంది:- విభాగంలో HTML పత్రం యొక్క, కింది కోడ్ను అతికించండి:
- తరువాత, టెక్స్ట్ యొక్క శరీరంలో, ఈ శైలిని మూలకంగా జోడించడానికి లక్షణాన్ని ఉపయోగించండి. వంటి,
ఈ పేరా
ముదురు ఆకుపచ్చ, పెద్ద కర్సివ్ ఫాంట్. - టైప్ఫేస్ను వివరించడానికి మీరు "ఫాన్సీ" కు బదులుగా ఏదైనా పదాన్ని ఉపయోగించవచ్చని గమనించండి.
- విభాగంలో HTML పత్రం యొక్క, కింది కోడ్ను అతికించండి:
సలహా
- మీరు మీ పేజీని సులభంగా చదవడానికి ప్రయత్నించాలి. లేత వచన రంగులు తెలుపు రంగులో చదవడం కష్టం, మరియు ముదురు వచన రంగులు నలుపు రంగులో చదవడం కష్టం.
- పాత కంప్యూటర్లు 65,000 రంగుల పరిమితిని ప్రదర్శిస్తాయి, పాత కంప్యూటర్లు 256 రంగుల పరిమితిని ప్రదర్శిస్తాయి. అయితే, 99% పైగా ఇంటర్నెట్ వినియోగదారులు మీరు పేర్కొన్న రంగును చూడగలరు.
హెచ్చరిక
- ఫాంట్ మూలకం XHTML 1.0 కఠినమైన DTD ప్రమాణంలో మద్దతు లేదు.