![ఇందులో 31 మార్క్స్ వస్తే టెట్ 125+ మార్క్స్ DSC లో జాబ్ సాధించే సామర్థ్యం మీకున్నట్లే](https://i.ytimg.com/vi/9Qqg9833nlM/hqdefault.jpg)
విషయము
- అడుగు పెట్టడానికి
- 2 యొక్క పద్ధతి 1: CSS ను ఉపయోగించడం
- 2 యొక్క 2 విధానం: HTML లో "సెంటర్" ట్యాగ్ను ఉపయోగించడం
ఈ వికీ HTML వెబ్సైట్లో వచనాన్ని ఎలా కేంద్రీకరించాలో నేర్పుతుంది. దీని కోసం మేము CSS (క్యాస్కేడింగ్ స్టైల్ షీట్లు లేదా స్టైల్ షీట్లు) ఉపయోగిస్తాము. మేము ఉపయోగించి HTML లో కేంద్రీకరించాము కేంద్రం>ట్యాగ్ చేయండి, కానీ ఇది ఇకపై చాలా బ్రౌజర్లలో పనిచేయదు.
అడుగు పెట్టడానికి
2 యొక్క పద్ధతి 1: CSS ను ఉపయోగించడం
మీరు మీ శైలులను వివరించే టెక్స్ట్ ఫైల్ను తెరవండి. ఇప్పుడు ది కేంద్రం>ట్యాగ్ ఇకపై ఉపయోగించబడదు, ఈ ఫైల్లో క్రొత్త మూలకాన్ని సృష్టించండి, అది మీ HTML పత్రం యొక్క కొన్ని ప్రాంతాలలో వచనాన్ని కేంద్రీకరిస్తుంది. మీకు ప్రత్యేక CSS ఫైల్ లేకపోతే, సంకేతాలు "style>" మరియు "/ style>" ట్యాగ్ల మధ్య HTML పత్రంలో ఎగువన ఉంటాయి.
- గా శైలి>- మరియు / శైలి>ట్యాగ్లు ఇంకా లేవు, మీరు వాటిని నేరుగా కింద ఉంచవచ్చు శరీరం>కింది విధంగా ట్యాగ్ చేయండి:
! DOCTYPE html> html> body> style> / style>
వచనాన్ని కేంద్రీకరించే తరగతిని సృష్టించండి. ది div>ట్యాగ్ ఈ తరగతికి సంబంధించిన నిర్దిష్ట విభాగానికి మీ HTML పత్రాన్ని చెబుతుంది. "స్టైల్" ట్యాగ్ల మధ్య కింది వాటిని టైప్ చేయండి, రెండుసార్లు క్లిక్ చేయండి నమోదు చేయండి మొదటి పంక్తి తరువాత:
div.a}}
జోడించండి టెక్స్ట్-అలైన్ఆస్తి. టైప్ చేయండి టెక్స్ట్-అలైన్: సెంటర్; లో కలుపుల మధ్య div.a.-విభాగం. "శీర్షిక" ఇప్పుడు ఇలా ఉంది:
! DOCTYPE html> html> body> style> div.a {text-align: center; style / style>
సరైనదాన్ని జోడించండి divమీరు కేంద్రీకరించాలనుకుంటున్న వచనానికి ట్యాగ్ చేయండి. మీరు దీన్ని చేస్తారు div>ఈ వచనానికి పైన ట్యాగ్ చేసి, దాన్ని మూసివేయండి a / div>ఈ వచనం క్రింద ట్యాగ్ చేయండి. ఉదాహరణకు, మీరు ఒక శీర్షికను మరియు దాని క్రింద ఉన్న పేరాను కేంద్రీకరించాలనుకుంటే, ఇది ఇలా కనిపిస్తుంది:
div> h1> నా వెబ్సైట్కు స్వాగతం <h1> p> ఈ వెబ్సైట్ ప్రధానంగా విషయాల గురించి సమాచారాన్ని అందించడానికి ./p> / div>
ఉపయోగించడానికి div.a.ఇతర అంశాలకు మధ్యలో ట్యాగ్ చేయండి. మీరు ట్యాగ్ల మధ్య కంటెంట్ వంటి మరొక మూలకాన్ని కేంద్రీకరించాలనుకున్నప్పుడు p> / p> మరియు h2> / h2>), మీరు టైప్ చేయండి div> ఈ మూలకం కోసం మరియు / div> తరువాత. మీరు ఇప్పటికే "div.a" ను కేంద్రీకృత CSS కోడ్గా నిర్వచించినందున, ఈ అంశాలు ఇప్పుడు కూడా కేంద్రీకృతమై ఉన్నాయి.
style> div.a {text-align: center; style / style> div> h2> విరాళాలు స్వాగతం </ h2> p> దయచేసి / p> / div>
మీ పత్రాన్ని తనిఖీ చేయండి. మీ వెబ్పేజీలోని వచనం భిన్నంగా ఉన్నప్పటికీ, ఇది ఇలా ఉండాలి:
! DOCTYPE html> html> body> style> div.a {text-align: center; website / style> div> h1> నా వెబ్సైట్కు స్వాగతం / h1> p> ఈ వెబ్సైట్ ప్రధానంగా విషయాల గురించి సమాచారం అందించడం కోసం. / p> / div> div> h2> విరాళాలు స్వాగతం div> / body> / html>
2 యొక్క 2 విధానం: HTML లో "సెంటర్" ట్యాగ్ను ఉపయోగించడం
- మీ HTML పత్రాన్ని తెరవండి. వాడుకలో లేని వాటిని ఎలా పొందాలో ఈ పద్ధతి వివరిస్తుంది కేంద్రం>ట్యాగ్. ఈ పద్ధతి ఇప్పటికీ అనేక బ్రౌజర్లలో పనిచేయవచ్చు, కాని దానిపై ఎక్కువగా ఆధారపడకపోవడమే మంచిది.
మీరు కేంద్రీకరించాలనుకుంటున్న వచనాన్ని కనుగొనండి. మీరు కేంద్రీకరించదలిచిన శీర్షిక, పేరా లేదా ఇతర వచనాన్ని కనుగొనే వరకు మీ పత్రాన్ని క్రిందికి స్క్రోల్ చేయండి.
టెక్స్ట్ యొక్క ఇరువైపులా "సెంటర్" ట్యాగ్ ఉంచండి. కోడ్ ఇలా కనిపిస్తుంది సెంటర్> టెక్స్ట్ / సెంటర్>. ఇక్కడ, "టెక్స్ట్" అనేది కేంద్రీకృతమై ఉన్న టెక్స్ట్. ఈ వచనంలో పేరాగ్రాఫ్కు ముందు "p> / p>" వంటి ఇతర ట్యాగ్లు ఉంటే, ఇప్పటికే ఉన్న ట్యాగ్ల వెలుపల "సెంటర్" ట్యాగ్లను ఉంచండి.
center> h1> నా వెబ్సైట్కు స్వాగతం / h1> / center> center> మిమ్మల్ని మీరు సౌకర్యంగా చేసుకోండి! / center>
మీ HTML పత్రాన్ని తనిఖీ చేయండి. ఇది ఇలా ఉండాలి:
! DOCTYPE html> html> body> h1> center> నా వెబ్సైట్కు స్వాగతం > / html>