![HTML అండర్లైన్ - HTML మరియు CSSలో వచనాన్ని అండర్లైన్ చేయడం ఎలా](https://i.ytimg.com/vi/_Yq-d_obKfU/hqdefault.jpg)
విషయము
లెగసీ HTML అండర్లైన్ పద్ధతి u> / u> ట్యాగ్లను ఉపయోగించడం, కానీ ఇప్పుడు అది ఆధునిక CSS ఆధారిత పద్ధతిని ఉపయోగిస్తుంది. అండర్లైన్ చేయడం టెక్స్ట్పై దృష్టిని ఆకర్షించడానికి ఒక చెడ్డ మార్గంగా పరిగణించబడుతుంది ఎందుకంటే లింక్తో అండర్లైన్ టెక్స్ట్ని గందరగోళపరచడం సులభం.
దశలు
2 వ పద్ధతి 1: ఆధునిక పద్ధతి
1 CSS లో "టెక్స్ట్-డెకరేషన్" ప్రాపర్టీని ఉపయోగించండి. ప్రస్తుతం, u> ట్యాగ్ టెక్స్ట్ని అండర్లైన్ చేయడానికి ఉపయోగించబడలేదు.
- ఈ ఆస్తిని జోడించడం ద్వారా, పాత ట్యాగ్లు రిటైర్ అయినప్పుడు భవిష్యత్తులో మీరు మీ కోడ్ని మార్చాల్సిన అవసరం లేదు.
2 నిర్దిష్ట టెక్స్ట్ భాగాన్ని అండర్లైన్ చేయడానికి span> ట్యాగ్ని ఉపయోగించండి. మీరు అండర్లైన్ చేయాలనుకుంటున్న టెక్స్ట్ ముందు "టెక్స్ట్-డెకరేషన్" ప్రాపర్టీతో పాటు స్టార్ట్ ట్యాగ్ని నమోదు చేయండి. టెక్స్ట్ చివరలో, ముగింపు ట్యాగ్ / span> ఎంటర్ చేయండి.
స్పాన్ స్టైల్ = "టెక్స్ట్-డెకరేషన్: అండర్లైన్;"> ఈ టెక్స్ట్ అండర్లైన్ చేయబడుతుంది. / స్పాన్>
3 అండర్లైన్ చేయడం సులభం చేయడానికి శైలి> విభాగంలో HTML అంశాలను పేర్కొనండి. ఇది CSS స్టైల్షీట్ ఉపయోగించి కూడా చేయవచ్చు. ఉదాహరణకు, అన్ని స్థాయి 3 శీర్షికలను అండర్లైన్ చేయడానికి, కింది కోడ్ని "శైలి" విభాగానికి జోడించండి:
html> తల> శైలి> h3 {టెక్స్ట్-డెకరేషన్: అండర్లైన్; } / style> / head> body> h3> ఈ శీర్షిక అండర్లైన్ చేయబడుతుంది / h3> / body> / html>
4 వచనాన్ని త్వరగా అండర్లైన్ చేయడానికి CSS క్లాస్ని సృష్టించండి. తర్వాత వారికి కాల్ చేయడానికి మీరు మీ స్టైల్షీట్ లేదా స్టైల్> విభాగంలో తరగతులను సృష్టించవచ్చు. తరగతికి ఏదైనా పేరు ఇవ్వవచ్చు.
html> తల> శైలి> .అండర్లైన్ {టెక్స్ట్-డెకరేషన్: అండర్లైన్; } / శైలి> / తల> శరీరం> ఈ తరగతిని డివి> శీఘ్ర అండర్లైన్ / డివి> వివిధ డివి> మూలకాలు / డివి> / బాడీ> / హెచ్టిఎంఎల్> ఉపయోగించండి
5 వచనాన్ని హైలైట్ చేయడానికి ఇతర మార్గాల గురించి ఆలోచించండి. వినియోగదారులను గందరగోళానికి గురికాకుండా ఉండటానికి మీరు అండర్లైన్ చేయడాన్ని నివారించాలని మేము సిఫార్సు చేస్తున్నాము. వచనాన్ని ఇటాలిక్ చేయడానికి em> ట్యాగ్ని ఉపయోగించడం ఉత్తమం. ఈ ట్యాగ్కు ఇతర స్టైలింగ్ ఎంపికలను జోడించడానికి CSS ని ఉపయోగించండి.
html> తల> శైలి> em {రంగు: ఎరుపు; } / స్టైల్> / హెడ్> బాడీ> "ఎమ్" ఎలిమెంట్లోని ఏదైనా ఇటాలిక్ చేయబడుతుంది (డిఫాల్ట్గా) మరియు ఎరుపు / ఎమ్> అదనపు స్టైల్ ఆప్షన్లకు ధన్యవాదాలు. / శరీరం> / html>
పద్ధతి 2 లో 2: లెగసీ పద్ధతి
1 పాత u> / u> ట్యాగ్లను ఉపయోగించడం మానుకోండి. అవి తీసివేయబడ్డాయి, అంటే ఈ ట్యాగ్లు ఇప్పటికీ పని చేస్తున్నాయి, కానీ నిరుత్సాహపరచబడుతున్నాయి లేదా నిరుత్సాహపరచబడుతున్నాయి. ఎందుకంటే HTML కంటెంట్ శైలిని అనుకూలీకరించడానికి ఉద్దేశించబడలేదు. U> ట్యాగ్ ఇప్పటికీ పనిచేస్తుంది, కానీ తప్పుగా వ్రాసిన పదాలు లేదా చైనీస్ సరైన పేర్లు వంటి ఇతర టెక్స్ట్లకు భిన్నంగా ఉండే టెక్స్ట్ను తప్పనిసరిగా సూచించాలి.
2 మూలకాలను అండర్లైన్ చేయడానికి u> / u> ట్యాగ్లను ఉపయోగించండి (ప్రదర్శన కోసం మాత్రమే). మీరు ఈ ట్యాగ్లను ఉపయోగించాల్సిన ఒకే ఒక్క కేసు కూడా లేదు. మీరు పాత సైట్ను సవరించాల్సి ఉంటుంది, కాబట్టి ట్యాగ్లు ఏమిటో తెలుసుకోవడం ఉత్తమం.
html> body> పాత HTML u> ట్యాగ్ త్వరగా అండర్లైన్ / u> ఎలిమెంట్లను సాధ్యం చేసింది, కానీ ఇతర స్టైలింగ్ ఎలిమెంట్లను తాకినట్లయితే, విషయాలు అస్తవ్యస్తంగా మారాయి. అందువల్ల, ఈ రోజుల్లో వారు అండర్లైన్ కోసం CSS మూలకం "టెక్స్ట్-డెకరేషన్" ను ఉపయోగిస్తున్నారు. / శరీరం> / html>
చిట్కాలు
- అండర్లైన్ చేయడం కంటే వెబ్ పేజీలోని కంటెంట్ని హైలైట్ చేయడానికి దాదాపు ఎల్లప్పుడూ మంచి మార్గం ఉంటుంది. అండర్లైన్ చేయడం వినియోగదారులను గందరగోళానికి గురి చేస్తుంది. CSS ఉపయోగించి టెక్స్ట్ని ఎలా హైలైట్ చేయాలో ఆలోచించండి.