రచయిత:
Monica Porter
సృష్టి తేదీ:
22 మార్చి 2021
నవీకరణ తేదీ:
1 జూలై 2024
![html ట్యుటోరియల్లోని ఫారమ్ ఫీల్డ్లను విస్తరిస్తున్న ఫారమ్ ఫీల్డ్స్వెబ్ డిజైనింగ్ను సృష్టిస్తోంది](https://i.ytimg.com/vi/4cOiQ58uOWA/hqdefault.jpg)
విషయము
ఖాళీలు, టాబ్ కీలు మరియు ఎంటర్ కీలతో సాధారణంగా సృష్టించబడిన చాలా ఖాళీలు వెబ్ ప్రోగ్రామింగ్ భాషలలో విస్మరించబడతాయి. HTML వాటన్నింటినీ పదాల మధ్య సాధారణ ఖాళీలుగా నిర్వచిస్తుంది మరియు ఒకే స్థలాన్ని మాత్రమే ప్రదర్శిస్తుంది. వైట్స్పేస్ మరియు అమరిక గురించి మరిన్ని వివరాలను సెట్ చేయడానికి CSS వినియోగదారులను అనుమతిస్తుంది, అయితే, మీ అంతరాన్ని అనుకూలీకరించడానికి HTML కి కొన్ని అంతర్నిర్మిత సాధనాలు లేవు.
దశలు
2 యొక్క పద్ధతి 1: ఖాళీలు మరియు సింగిల్ ట్యాబ్లను చొప్పించండి
చొప్పించు ఖాళీలు విచ్ఛిన్నం కాలేదు. సాధారణంగా, మీరు స్పేస్బార్ను ఎన్నిసార్లు నొక్కినప్పటికీ, HTML పదాల మధ్య ఒకే ఖాళీని ప్రదర్శిస్తుంది. బహుళ పరస్పర అంతరాలను ప్రదర్శించడానికి, టైప్ చేయండి లేదా. ఈ కోడ్ "బ్రేకింగ్ కాని స్థలం" అని పిలువబడే ప్రత్యేక అక్షరాన్ని సృష్టిస్తుంది మరియు ఇది ఎల్లప్పుడూ ప్రదర్శించబడుతుంది.- పై అక్షరాన్ని "అవినాశి స్థలం" అని పిలుస్తారు ఎందుకంటే ఇది లైన్ బ్రేక్లను స్థానంలో ఉండకుండా నిరోధిస్తుంది. మీరు ఈ అక్షరాన్ని అతిగా చేస్తే, బ్రౌజర్కు పంక్తి విరామాలను క్రమబద్ధమైన మరియు నిలువుగా చేర్చడంలో ఇబ్బంది ఉంటుంది.
విభిన్న వెడల్పులతో ఖాళీలను చొప్పించండి. బ్రౌజర్ స్థలాన్ని ప్రదర్శించడానికి అవసరమైన కొన్ని ఇతర ఎంటిటీ అక్షరాలు ఉన్నాయి. వేర్వేరు బ్రౌజర్లలో ఈ ఖాళీలు ప్రదర్శించబడే విధానం కొద్దిగా భిన్నంగా ఉంటుంది, అయితే, ఈ క్రింది కోడ్ల మాదిరిగా కాకుండా లైన్ బ్రేక్ను ప్రభావితం చేయదు:- - ప్రింటర్ యొక్క "N" స్థలం (కొలత యూనిట్) పేరు పెట్టబడింది, "en" స్థలం సాధారణ స్థలం కంటే రెండు రెట్లు వెడల్పుగా ఉంటుంది.
- - "ఎమ్" స్థలం, సుమారు నాలుగు ఖాళీలకు సమానం.
నాన్-డిస్ట్రక్టివ్ స్థలం ఉన్న టాబ్ను అనుకరిస్తుంది. పేరాగ్రాఫ్లను ఇండెంట్ చేయడానికి, మీరు నాశనం చేయలేని ఖాళీలను వరుసగా చేర్చవచ్చు :. మీరు HTML ను మాత్రమే ఉపయోగిస్తే ఇది మాత్రమే పరిష్కారం, కానీ మీరు CSS ను ఉపయోగిస్తే (క్రింది దశలో విడిగా వివరించబడింది) ఇది తక్కువగా ఉంటుంది.- టెక్స్ట్ యొక్క సంక్లిష్టమైన ప్రదర్శన ఉంటే, ప్రీ ట్యాగ్ ఉపయోగించండి.
పేరాగ్రాఫ్లను CSS తో సమలేఖనం చేయండి. CSS లోని "మార్జిన్" మరియు "పాడింగ్" లక్షణాలు బ్రౌజర్కు నేరుగా సూచనలను ఇస్తాయి, కాబట్టి ప్రదర్శించబడే ఫలితాలు మరింత స్థిరంగా ఉంటాయి. ఈ పద్ధతి అమలు చేయడం కష్టం కాదు, మీకు CSS గురించి ఏమీ తెలియదు మరియు మీ పేజీకి స్టైల్ షీట్ లేదు. మొత్తం పేరాను కుడి మార్జిన్కు ఎలా తరలించాలో ఇక్కడ ఒక ఉదాహరణ:- విభాగంలో HTML పత్రం యొక్క, కింది కోడ్ను చొప్పించండి:
ఇక్కడ: "p.indent" టెక్స్ట్ (p ట్యాగ్) పేరు "ఇండెంట్" యొక్క లక్షణాన్ని నిర్వచిస్తుంది (మీరు మరొక పేరును ఉపయోగించవచ్చు). మిగిలిన కోడ్ పేరా యొక్క ఎడమ వైపున "పాడింగ్" స్థలం యొక్క లక్షణాన్ని జోడిస్తుంది. - ఇప్పుడు, HTML పత్రం యొక్క శరీరానికి తిరిగి వెళ్ళు. మీరు ఎప్పుడైనా ఒక పేరాను ఇండెంట్ చేయాలనుకుంటే (ఈ ఉదాహరణలో ఇప్పటికీ "ఇండెంట్"), పేరాను ఈ కోడ్లో ఉంచండి:
- ఇండెంటేషన్ అంతరాన్ని సమలేఖనం చేయడానికి, CSS కోడ్లోని "1.8" సంఖ్యను మార్చండి. ఫాంట్ పరిమాణంతో అనుబంధించబడిన పొడవు యొక్క యూనిట్ కనుక "em" ను వెనుక ఉంచండి.
- విభాగంలో HTML పత్రం యొక్క, కింది కోడ్ను చొప్పించండి:
2 యొక్క 2 విధానం: ఎక్కువ ఖాళీలను ఏర్పాటు చేయండి
ముందుగా ఫార్మాట్ చేసిన ట్యాగ్లను ఉపయోగించండి. ఏదైనా కీ స్థలం మంచిది నమోదు చేయండి కార్డులో నమోదు చేయబడిందిమీరు టైప్ చేసినట్లే ప్రదర్శించబడుతుంది. ఉదాహరణలు, కవితలు లేదా అంతరం మరియు పంక్తి విరామాలను ప్రదర్శించడంలో అధిక ఖచ్చితత్వం అవసరమయ్యే ఏదైనా ఇతర వచనాన్ని ప్రదర్శించడానికి మీరు ఈ ట్యాగ్ను ఉపయోగించవచ్చు.
- ముందుగా ఫార్మాట్ చేసిన కార్డుల యొక్క ప్రధాన ప్రతికూలత వెడల్పు. సాధారణ HTML వలె కాకుండా, ముందుగా ఆకృతీకరించిన వచనం వినియోగదారు విండో పరిమాణానికి సరిపోయే విధంగా పరిమాణం మార్చబడదు.
లైన్ బ్రేక్ సృష్టించండి. కార్డు
ప్రస్తుత వచన పంక్తిని ముగుస్తుంది. మీరు బహుళ లైన్ బ్రేక్ ట్యాగ్లను ఉపయోగించి ఖాళీ పంక్తులను సృష్టించవచ్చు. HTML కి క్రొత్త విద్యార్థులకు, ఇది మంచి విధానం, కానీ మీరు CSS నేర్చుకున్నట్లయితే ఈ తప్పనిసరి HTML ఫార్మాట్ సిఫార్సు చేయబడదు.
"P" ట్యాగ్తో పేరాను గుర్తించండి. టెక్స్ట్ చుట్టూ ఉన్న ట్యాగ్ ఆ పేరాను గుర్తిస్తుంది. చాలా బ్రౌజర్లు పేరాను ఖాళీ పంక్తితో వేరు చేస్తాయి, కానీ మీరు టెక్స్ట్ కోసం స్థిరమైన ఆకృతికి హామీ ఇవ్వలేరు. ప్రకటన
సలహా
- మీరు మీ వెబ్ పేజీలో ప్రదర్శనను చివరిసారి తనిఖీ చేసినప్పుడు, స్నిప్పెట్ చుట్టూ అసాధారణ స్థితిలో అనవసరమైన అక్షరాలను మీరు చూసినట్లయితే, అసంపూర్ణ ట్యాగ్లు ఉన్నాయా అని రెండుసార్లు తనిఖీ చేయండి. <> బదులుగా
. - CSS అనేది టెక్స్ట్ కోసం అంతరంతో సహా వెబ్ పేజీలను ప్రదర్శించడానికి మరింత శక్తివంతమైన మరియు క్రియాశీల సాధనం.
- ఓపెన్ ట్యాగ్ వెనుక లేదా క్లోజ్డ్ ట్యాగ్ ముందు ఆకస్మిక ఖాళీలను పరిమితం చేయండి. ఉదాహరణకు, మీరు ఖాళీలు వ్రాయాలి ట్యుటోరియల్ ఖాళీలు కాదు ట్యుటోరియల్ .
- నాశనం చేయలేని స్థలం ఎంటిటీ అక్షరానికి ఒక ఉదాహరణ: మీరు కీబోర్డ్ నుండి నమోదు చేయలేని అక్షరాన్ని సూచించే కోడ్.
హెచ్చరిక
- HTML లక్షణం కీని సూచిస్తుంది టాబ్ వాస్తవానికి మీరు అనుకున్నంత ప్రభావవంతంగా లేదు. ప్రామాణిక HTML పత్రానికి టాబ్ స్టాప్లు లేవు, కాబట్టి టాబ్ అక్షరానికి ఎటువంటి ప్రభావం ఉండదు.
- HTML భాషను కోడ్ ఎడిటర్ లేదా సాదా టెక్స్ట్ ఫైల్లో ఎల్లప్పుడూ రాయండి, టెక్స్ట్ ఫైల్ ప్రాసెసింగ్ ఫార్మాట్లను ఉపయోగించవద్దు. మీ వెబ్ బ్రౌజర్లో మీ ఖాళీలు వింత అక్షరాలుగా మారితే, ఇది వర్డ్ ప్రాసెసర్ చేత జోడించబడిన అదనపు డేటా వల్ల కావచ్చు, ఇది ఆన్లైన్ ప్రదర్శన కోసం ఉద్దేశించబడదు.