HTML లో ఖాళీలను ఎలా చొప్పించాలి

రచయిత: Joan Hall
సృష్టి తేదీ: 28 ఫిబ్రవరి 2021
నవీకరణ తేదీ: 1 జూలై 2024
Anonim
html ట్యుటోరియల్‌లోని ఫారమ్ ఫీల్డ్‌లను విస్తరిస్తున్న ఫారమ్ ఫీల్డ్స్‌వెబ్ డిజైనింగ్‌ను సృష్టిస్తోంది
వీడియో: html ట్యుటోరియల్‌లోని ఫారమ్ ఫీల్డ్‌లను విస్తరిస్తున్న ఫారమ్ ఫీల్డ్స్‌వెబ్ డిజైనింగ్‌ను సృష్టిస్తోంది

విషయము

1 ఒక HTML పత్రాన్ని తెరవండి. విండోస్‌లోని నోట్‌ప్యాడ్ లేదా టెక్స్ట్ ఎడిట్ వంటి సాధారణ టెక్స్ట్ ఎడిటర్‌లో ఇది చేయవచ్చు. మీరు Adobe Dreamweaver వంటి HTML ఫైల్ ఎడిటర్‌ని కూడా ఉపయోగించవచ్చు. ఒక HTML పత్రాన్ని తెరవడానికి:
  • ఎక్స్‌ప్లోరర్ (విండోస్) లేదా ఫైండర్ (మాకోస్) లోని HTML పత్రానికి నావిగేట్ చేయండి.
  • కావలసిన HTML డాక్యుమెంట్‌పై రైట్ క్లిక్ చేయండి.
  • ఓపెన్ విత్ మీద హోవర్ చేయండి.
  • మీరు పత్రాన్ని సవరించాలనుకుంటున్న ప్రోగ్రామ్‌ని ఎంచుకోండి.
  • 2 నొక్కండి స్థలంసాధారణ స్థలాన్ని జోడించడానికి. మీరు ఖాళీని చొప్పించాలనుకున్న చోట కర్సర్ ఉంచండి, ఆపై "స్పేస్" కీని నొక్కండి. HTML లో, మీరు ఖాళీని అనేకసార్లు నొక్కినప్పటికీ, పదాల మధ్య ఒకే ఖాళీ కనిపిస్తుంది.
  • 3 నమోదు చేయండి అదనపు స్థలాన్ని జోడించడానికి. ఇది కొత్త లైన్ కోసం అనుమతించనందున దీనిని బ్రేకింగ్ కాని ప్రదేశం అంటారు.
    • ఉదాహరణకు, మీరు నమోదు చేస్తే అందరికీ నమస్కారం, "హలో" మరియు "అందరూ!" అనే పదాల మధ్య అదనపు స్థలం చేర్చబడుతుంది.
    • చాలా బ్రేకింగ్ కాని ఖాళీలు సరైన ప్రదేశాలలో లైన్ బ్రేక్‌లు చేయకుండా బ్రౌజర్‌ను నిరోధిస్తుందని గుర్తుంచుకోండి, టెక్స్ట్ చదవడం కష్టమవుతుంది.
    • మీరు కూడా ప్రవేశించవచ్చు  ఖాళీని చొప్పించడానికి.
  • 4 వివిధ పొడవుల ఖాళీలను చొప్పించండి. మీరు ఎక్కువ ఖాళీని ఇన్సర్ట్ చేయాలనుకుంటే, కింది ఎంపికలలో ఒకదాన్ని ఉపయోగించండి:
    • రెండు ఖాళీలు - నమోదు చేయండి
    • నాలుగు ఖాళీలు - నమోదు చేయండి
    • ఇండెంట్ (ట్యాబ్ స్పేసింగ్) - నమోదు చేయండి
  • పద్ధతి 2 లో 3: CSS

    1. 1 ఒక HTML లేదా CSS పత్రాన్ని తెరవండి. CSS కోడ్‌ను HTML డాక్యుమెంట్ హెడ్‌లోకి చేర్చవచ్చు లేదా బాహ్య CSS ఫైల్‌గా సేవ్ చేయవచ్చు.
      • HTML పత్రం యొక్క తల ఫైల్ ఎగువన, "తల>" మరియు "/ తల>" ట్యాగ్‌ల మధ్య ఉంటుంది.
    2. 2 CSS కోసం స్టైలింగ్ విభాగాన్ని సృష్టించండి. స్టైల్ విభాగం HTML కోడ్ ప్రారంభంలో లేదా ప్రత్యేక స్టైల్ షీట్‌లో ఉంది.ఒక HTML డాక్యుమెంట్ లేదా స్టైల్ షీట్‌లో స్టైల్ విభాగాన్ని సృష్టించడానికి క్రింది ట్యాగ్‌లను ఉపయోగించండి.
      • నమోదు చేయండి శైలి>శైలి విభాగాన్ని తెరవడానికి. అన్ని CSS కోడ్ ఈ ట్యాగ్ తర్వాత వెళ్తుంది.
      • నమోదు చేయండి / శైలి>శైలి విభాగాన్ని మూసివేయడానికి. ఈ ముగింపు ట్యాగ్‌కు ముందు అన్ని CSS లను తప్పనిసరిగా ఉంచాలి.
    3. 3 శైలి విభాగంలో కింది ట్యాగ్‌ని నమోదు చేయండి:p {ఇండెంట్-టెక్స్ట్: 5em;} ఇది బ్రౌజర్‌ని 5 ఖాళీలు (సరైన HTML లో) ఇండెంట్ చేయమని చెబుతుంది.
      • ఖాళీల సంఖ్యను సెట్ చేయడానికి, "ఇండెంట్-టెక్స్ట్:" తర్వాత సంఖ్యను మార్చండి.
      • పేర్కొన్న ఫాంట్ పరిమాణంతో "em" మూలకం ఒక స్పేస్‌తో సరిపోతుంది. శాతం ("ఇండెంట్-టెక్స్ట్: 15%;") లేదా మిల్లీమీటర్లు ("ఇండెంట్-టెక్స్ట్: 3 మిమీ;") వంటి ఇతర యూనిట్‌లను ఉపయోగించవచ్చు.
    4. 4 నమోదు చేయండి p> మీరు ఇండెంటేషన్‌ను జోడించాలనుకుంటున్న చోట. మీరు ఇండెంట్ చేయదలిచిన HTML పత్రం లోపల దీన్ని చేయండి. CSS స్పెసిఫికేషన్‌ల ప్రకారం టెక్స్ట్ ఇండెంట్ చేయబడుతుంది.

    3 లో 3 వ పద్ధతి: ముందుగా ఫార్మాట్ చేయబడిన టెక్స్ట్

    1. 1 ఒక HTML పత్రాన్ని తెరవండి. విండోస్‌లోని నోట్‌ప్యాడ్ లేదా టెక్స్ట్ ఎడిట్ వంటి సాధారణ టెక్స్ట్ ఎడిటర్‌లో ఇది చేయవచ్చు. మీరు Adobe Dreamweaver వంటి HTML ఫైల్ ఎడిటర్‌ని కూడా ఉపయోగించవచ్చు. ఒక HTML పత్రాన్ని తెరవడానికి:
      • ఎక్స్‌ప్లోరర్ (విండోస్) లేదా ఫైండర్ (మాకోస్) లోని HTML పత్రానికి నావిగేట్ చేయండి.
      • కావలసిన HTML డాక్యుమెంట్‌పై రైట్ క్లిక్ చేయండి.
      • ఓపెన్ విత్ మీద హోవర్ చేయండి.
      • మీరు పత్రాన్ని సవరించాలనుకుంటున్న ప్రోగ్రామ్‌ని ఎంచుకోండి.
    2. 2 నమోదు చేయండి ముందు> టెక్స్ట్ ముందు మీరు ముందుగా ఫార్మాట్ చేయాలనుకుంటున్నారు. ఇది ముందుగా ఫార్మాట్ చేయబడిన టెక్స్ట్ కోసం ప్రారంభ ట్యాగ్.
    3. 3 "Pre>" ట్యాగ్ తర్వాత ఉద్దేశించిన విధంగా వచనాన్ని నమోదు చేయండి. టెక్స్ట్‌ను ముందుగా ఫార్మాట్ చేస్తున్నప్పుడు, ఎంటర్ నొక్కడం ద్వారా సృష్టించబడిన ఖాళీలు మరియు లైన్ బ్రేక్‌లు HTML పేజీలో ప్రదర్శించబడతాయి.
    4. 4 నమోదు చేయండి / ముందు> టెక్స్ట్ చివరిలో. ఇది ముందుగా ఫార్మాట్ చేయబడిన టెక్స్ట్ కోసం ముగింపు ట్యాగ్.

    చిట్కాలు

    • బ్రౌజర్ అపారమయిన అక్షరాలుగా ఖాళీలను ప్రదర్శిస్తే, ఇది అదనపు డేటా కారణంగా కావచ్చు; అవి వర్డ్ ప్రాసెసింగ్ ఫార్మాట్‌లో నిల్వ చేయబడతాయి మరియు స్క్రీన్‌లో ప్రదర్శించబడవు. దీనిని నివారించడానికి, నోట్‌ప్యాడ్ లేదా టెక్స్ట్ ఎడిట్ వంటి సాధారణ టెక్స్ట్ ఎడిటర్‌లో పని చేయండి.
    • CSS అనేది వర్డ్ స్పేసింగ్‌తో సహా వెబ్ పేజీ యొక్క లేఅవుట్‌ను రూపొందించడానికి మరింత శక్తివంతమైన మరియు ఊహించదగిన మార్గం.
    • విచ్ఛిన్నం కాని స్థలం అక్షర సంస్థకు ఉదాహరణ; ఇది కీబోర్డ్ నుండి నమోదు చేయలేని అక్షరాన్ని సూచించే కోడ్.

    హెచ్చరికలు

    • కోసం HTML చిహ్నం ట్యాబ్ ↹ (ట్యాబ్‌లు) చాలా మంది ఆలోచించే విధంగా పనిచేయవు. సాధారణ HTML ఫైల్‌లో ట్యాబ్ స్టాప్‌లు లేవు, కాబట్టి ఈ అక్షరాన్ని నమోదు చేయడం ఏమీ చేయదు.
    • శక్తివంతమైన టెక్స్ట్ ఎడిటర్ కాకుండా కోడ్ ఎడిటర్ లేదా సాదా టెక్స్ట్ ఫైల్‌లో HTML ని నమోదు చేయండి.