HTML లో వచనాన్ని అండర్లైన్ చేయండి

రచయిత: John Pratt
సృష్టి తేదీ: 17 ఫిబ్రవరి 2021
నవీకరణ తేదీ: 1 జూలై 2024
Anonim
HTMLలో, బోల్డ్, ఇటాలిక్, అండర్‌లైన్, ఫాంట్ ఎలిమెంట్స్ ఎలా అప్లై చేయాలి || హిందీలో
వీడియో: HTMLలో, బోల్డ్, ఇటాలిక్, అండర్‌లైన్, ఫాంట్ ఎలిమెంట్స్ ఎలా అప్లై చేయాలి || హిందీలో

విషయము

HTML లో అండర్లైన్ చేయడం అనేది u> </ u> ట్యాగ్‌ల మధ్య వచనాన్ని జతచేసే విషయంగా ఉపయోగించబడుతుంది, అయితే ఈ పద్ధతి అప్పటి నుండి మరింత బహుముఖ CSS కు అనుకూలంగా తీసివేయబడింది. వెబ్ పేజీలలో అండర్లైన్ చేయడం సాధారణంగా టెక్స్ట్ యొక్క ఒక నిర్దిష్ట విభాగాన్ని నొక్కి చెప్పడానికి అసౌకర్య మార్గంగా పరిగణించబడుతుంది. అండర్లైన్ చేసిన వచనం లింక్‌తో సులభంగా గందరగోళం చెందుతుంది.

అడుగు పెట్టడానికి

2 యొక్క పద్ధతి 1: ప్రస్తుత పద్ధతి

  1. మీ CSS శైలిలో టెక్స్ట్-డెకరేషన్ ప్రాపర్టీని ఉపయోగించండి. U> ట్యాగ్‌ను ఉపయోగించడం ఇకపై వచనాన్ని అండర్లైన్ చేయడానికి అనువైన మార్గం కాదు. బదులుగా, మేము CSS ఆస్తి "టెక్స్ట్-డెకరేషన్" ను ఉపయోగిస్తాము.
    • ఇది కోడ్‌ను సవరించడం సులభం చేస్తుంది, తద్వారా పాత కోడ్ నిరుపయోగంగా మారితే మీరు దాని గురించి ఏమీ మార్చాల్సిన అవసరం లేదు.
  2. మీరు టెక్స్ట్ యొక్క కొంత భాగాన్ని అండర్లైన్ చేయాలనుకున్నప్పుడు span> ట్యాగ్ ఉపయోగించండి. అండర్లైన్ ప్రారంభించాలనుకుంటున్న చోట "టెక్స్ట్-డెకరేషన్" ఆస్తితో పాటు ప్రారంభ ట్యాగ్‌ను ఉంచండి. ఎండ్ ట్యాగ్ / span> ను అండర్ లైనింగ్ ఆపివేయాలి.

    span style = "text-decoration: underline;"> ఇది అండర్లైన్ చేయబడుతుంది ./span>

  3. మీ పేజీలోని శైలి> భాగంలో HTML అంశాలను ప్రకటించండి. మీరు దీన్ని CSS స్టైల్ షీట్‌లో కూడా చేయవచ్చు. HTML మూలకంతో శైలిని అనుబంధించడం ద్వారా అండర్లైన్ చేయడం చాలా సులభం. ఉదాహరణకు, మీ స్థాయి 3 శీర్షికలను అండర్లైన్ చేయడానికి, కింది CSS శైలిని జోడించండి:

    html> తల> శైలి> h3 {టెక్స్ట్-డెకరేషన్: అండర్లైన్; } / style> / head> body> h3> ఈ శీర్షిక అండర్లైన్ చేయబడింది <h3> / body> / html>

  4. ఎప్పుడైనా త్వరగా అండర్లైన్ చేయడానికి CSS తరగతిని సృష్టించండి. మీరు మీ స్టైల్ షీట్ లేదా స్టైల్> లో తరగతులు సృష్టించవచ్చు, తరువాత పిలుస్తారు. తరగతి మీకు కావలసిన పేరును కలిగి ఉంటుంది.

    html> head> style> .underline {text-decoration: అండర్లైన్; style / style> / head> body> విభిన్న కంటెంట్ నుండి div> మీ కంటెంట్ నుండి div> / div> ను త్వరగా అండర్లైన్ చేయడానికి మీరు ఈ తరగతిని ఉపయోగించవచ్చు </ div> / body> / html>

  5. వచనాన్ని నొక్కి చెప్పే ఇతర పద్ధతులను పరిగణించండి. పాఠకుడికి గందరగోళాన్ని నివారించడానికి అండర్లైన్ చేయడం మానుకోవాలి. టెక్స్ట్ ఇటాలిక్ చేసే em> ట్యాగ్‌ను ఉపయోగించడం ఒక ప్రసిద్ధ పద్ధతి. ఈ ట్యాగ్‌ను మరింత పేర్కొనడానికి మీరు CSS ను ఉపయోగించవచ్చు.

    html> తల> శైలి> em {color: red; element / style> / head> body> ఎమ్ ఎలిమెంట్ లోపల ఉన్న ప్రతిదీ em> ఇటాలిక్ అవుతుంది (డిఫాల్ట్ సెట్టింగుల కారణంగా), మరియు ఎరుపు </ em> పైన జోడించిన శైలి కారణంగా. / body> / html>

2 యొక్క 2 విధానం: పాత పద్ధతి

  1. పాత u> </ u> ట్యాగ్‌లను ఉపయోగించడం మానుకోండి. ఇవి "నిరుత్సాహపరచబడ్డాయి", అంటే ఇది ఇప్పటికీ పనిచేస్తుంది, కానీ ఇకపై ఉపయోగించబడదు లేదా సిఫార్సు చేయబడదు. HTML సూత్రప్రాయంగా మార్కప్ భాషగా రూపొందించబడలేదు. U> ట్యాగ్ ఇప్పటికీ పని చేస్తుంది, కానీ ఇప్పుడు తప్పుగా వ్రాయబడిన పదం లేదా చైనీస్ సరైన నామవాచకాలు వంటి ఇతర వచనానికి భిన్నమైన వచనాన్ని సూచించడానికి ఉద్దేశించబడింది.
  2. అండర్లైన్ చేయడానికి u> </ u> ట్యాగ్ ఉపయోగించండి (ఉదాహరణ ప్రయోజనాల కోసం మాత్రమే). ఎట్టి పరిస్థితుల్లోనూ మీరు ఈ పద్ధతిని మళ్లీ ఉపయోగించకూడదు. మీరు పాత వెబ్‌సైట్‌ను అప్‌డేట్ చేయాల్సిన సందర్భంలో ఇది ఎలా ఉపయోగించబడుతుందో తెలుసుకోవడం మంచిది.

    html> body> పాత ట్యాగ్ u> HTML లో మీరు త్వరగా విషయాలను అండర్లైన్ చేయవచ్చు </ u>, కానీ ఇతర స్టైల్ ఎలిమెంట్స్ ఉపయోగించినప్పుడు విషయాలు త్వరగా గజిబిజి అవుతాయి. అందుకే మేము ఇప్పుడు CSS మూలకంతో "టెక్స్ట్-డెకరేషన్" ను అండర్లైన్ చేసాము. / body> / html>

చిట్కాలు

  • అండర్లైన్ చేయడం కంటే వెబ్ పేజీలో ఏదైనా నొక్కిచెప్పడానికి మంచి మార్గం దాదాపు ఎల్లప్పుడూ ఉంటుంది. ఇది పాఠకులకు చాలా గందరగోళంగా ఉంటుంది. మీ వచనాన్ని CSS తో మరింత అందంగా మార్చండి, ఇది సానుకూలంగా ఉంటుంది.