HTML లో టెక్స్ట్ సెంటర్ ఎలా

రచయిత: Laura McKinney
సృష్టి తేదీ: 10 ఏప్రిల్ 2021
నవీకరణ తేదీ: 1 జూలై 2024
Anonim
html 5లో వచన కేంద్రాన్ని ఎలా సమలేఖనం చేయాలి
వీడియో: html 5లో వచన కేంద్రాన్ని ఎలా సమలేఖనం చేయాలి

విషయము

క్యాస్కేడింగ్ స్టైల్ షీట్స్ (CSS) ను ఉపయోగించి HTML వెబ్‌సైట్‌లో టెక్స్ట్‌ను ఎలా కేంద్రీకరించాలో ఈ వికీ మీకు నేర్పుతుంది. HTML లో వచనాన్ని కేంద్రీకరించడం ట్యాగ్‌లతో జరుగుతుంది

, కానీ ఈ ట్యాగ్ పాతదిగా పరిగణించబడుతుంది మరియు ఇకపై చాలా బ్రౌజర్‌లలో పనిచేయదు.

దశలు

2 యొక్క పద్ధతి 1: CSS ద్వారా

  1. CSS శైలులను కలిగి ఉన్న ఫైల్‌ను తెరవండి. కార్డు అయినప్పటికీ
    పాతది, కానీ వచనాన్ని వాటి సరిహద్దుల్లో కేంద్రీకరించడానికి పేజీలో ఎక్కడైనా జోడించడానికి మీరు ఇంకా కొత్త అంశాలను సృష్టించవచ్చు. మీకు ప్రత్యేక CSS ఫైల్ లేకపోతే, మీరు "ట్యాగ్‌ల మధ్య, HTML ఫైల్ ఎగువన ఉన్న శైలిని పేర్కొనాలి.’.
    • ఇంకా కార్డు లేకపోతే మీరు కార్డు క్రింద నేరుగా జోడించాలి ఫైల్ ఎగువన ఈ క్రింది విధంగా ఉన్నాయి:

  2. టెక్స్ట్ సెంటర్ పొరను సృష్టించండి. కార్డు
    టెక్స్ట్ యొక్క నిర్దిష్ట భాగాన్ని సూచించడానికి HTML పత్రాన్ని అడుగుతుంది, కాబట్టి మీరు ఈ ట్యాగ్‌ను వర్గీకరించాలి. దయచేసి "స్టైల్" ట్యాగ్ మధ్య ఖాళీలో కింది వచనాన్ని నమోదు చేయండి, నొక్కడం మర్చిపోవద్దు నమోదు చేయండి మొదటి పంక్తి తర్వాత రెండుసార్లు:

    • లక్షణాలను జోడించండి టెక్స్ట్-అలైన్. దిగుమతి టెక్స్ట్-అలైన్: సెంటర్; విభాగంలో కలుపుల మధ్య ఖాళీలోకి div.a.. ప్రస్తుత శీర్షిక ఇలా ఉంటుంది:

      • కార్డును జోడించండి div వచనం కేంద్రీకృతమై ఉండాలి. కార్డు ఉంచడం ద్వారా కొనసాగండి
        మీరు మధ్యలో మరియు ట్యాగ్‌లతో మూసివేయాలనుకుంటున్న టెక్స్ట్ పైన ఉన్న వచనం మీరు కేంద్రీకరించాలనుకుంటున్న టెక్స్ట్ క్రింద. ఉదాహరణకు, శీర్షిక మరియు ప్రారంభ పేరా మధ్యలో, మీరు ఈ క్రింది వాటిని టైప్ చేయాలి:
        • కార్డుల వాడకం div.a. ఇతర ప్రాంతాలను కేంద్రీకరించడానికి. మీరు మరొక మూలకాన్ని కేంద్రీకరించాలనుకుంటే (ఉదాహరణకు, ట్యాగ్‌ల మధ్య కంటెంట్ మరియు

          ), నమోదు చేయండి
          టెక్స్ట్ ముందు మరియు ఆ తరువాత. మీరు "div.a" ను కేంద్రీకృత ఆదేశంగా పేర్కొన్నందున, ఈ వచనం మునుపటి మాదిరిగానే కేంద్రీకరిస్తుంది:
          • పత్ర సమీక్ష. కంటెంట్ మారవచ్చు, కానీ సాధారణంగా మీ పత్రం ఇప్పుడు ఇలా ఉండాలి:
              ప్రకటన

            2 యొక్క 2 విధానం: HTML లో సెంటర్ ట్యాగ్‌ను ఉపయోగించండి

            1. HTML పత్రాన్ని తెరవండి. ఈ పద్ధతి HTML ట్యాగ్‌లను ఎలా ఉపయోగించాలో వివరిస్తుంది
              (ఇప్పుడు పాతది కూడా). డిసెంబర్ 2018 నాటికి, ఈ కార్డు ఇప్పటికీ కొన్ని వెబ్ బ్రౌజర్‌లలో చురుకుగా ఉంది, అయితే దీర్ఘకాలికంగా, మీరు ఇప్పటికీ ఈ కార్డును ఉపయోగించకూడదు.
            2. మీరు కేంద్రీకరించాలనుకుంటున్న వచనాన్ని గుర్తించండి. మీరు కేంద్రీకరించదలిచిన శీర్షిక, పేరా లేదా ఇతర వచనాన్ని కనుగొనే వరకు క్రిందికి స్క్రోల్ చేయండి.
            3. టెక్స్ట్ చివరలకు "సెంటర్" ట్యాగ్‌ను జోడించండి. ఈ సెంటర్ ట్యాగ్‌కు ఫార్మాట్ ఉంది
              టెక్స్ట్
              ఇక్కడ "టెక్స్ట్" అనేది కేంద్రీకృతమై ఉన్న టెక్స్ట్. వచనంలో ఇప్పటికే అంతర్గత ట్యాగ్ ఉంటే (ఉదాహరణకు, పేరా కోసం ""), "సెంటర్" ట్యాగ్ ముందే ఉన్న ఏదైనా ట్యాగ్‌లకు వెలుపల ఉంటుంది:
              • HTML పత్రాన్ని సమీక్షించండి. పత్రం ఇప్పుడు ఇలా ఉండాలి:
                  ప్రకటన