ఒక వెబ్ సైట్ లో స్పేస్ చాలా సరళమైన విషయం అనిపించవచ్చు. కానీ మొదటి సారి మీరు కీని అనేకసార్లు నొక్కినప్పుడు మరియు ఆ సమాచారాన్ని మీ పేజీలో కనిపించకపోతే, అది కనిపించేటప్పుడు సులభం కాదు అని మీరు గ్రహిస్తారు.
ఒక వెబ్ సైట్ లో స్పేస్ సృష్టించడానికి అనేక మార్గాలు ఉన్నాయి. మొదటి రెండు HTML ట్యాగ్లు ఉన్నాయి:
...
పేరా మార్కర్ సాధారణంగా వస్తువుల మధ్య ఖాళీ ఉంచబడుతుంది. ఇది పేరా విరామంగా పనిచేస్తుంది.
ఏది ఏమయినప్పటికీ, ఒక వరుసలో చాలా
'లు మీ పేజీని అస్తవ్యస్తంగా కాకుండా వేరే ఏమీ చేయవు. కొంతమంది సంపాదకులు మరింత స్థలాన్ని జోడించడానికి ప్రదేశాలలో
ను ఉంచుతారు, కానీ ఇది నిజంగా
ట్యాగ్ను ఉపయోగించడం లేదు, కానీ మేము ఒక నిమిషం లోపు చూస్తాం పాత్ర.
ట్యాగ్ వచనం యొక్క ప్రవాహంలో కేవలం ఒక్క లైన్ విరామం ఉంచడానికి ఉద్దేశించబడింది. అయినప్పటికీ ఖాళీ స్థలం యొక్క దీర్ఘ తీగలను సృష్టించడానికి వరుసలో పలుసార్లు ఉపయోగించవచ్చు. సమస్య, మీరు స్థలం యొక్క ఎత్తు మరియు వెడల్పును నిర్వచించలేరు మరియు అది స్వయంచాలకంగా పేజీ యొక్క వెడల్పుగా ఉంటుంది.
CSS మార్జిన్ మరియు పాడింగ్
మీ వెబ్ పేజీ పత్రాలకు స్పేస్ జోడించడానికి మరొక మార్గం CSS లక్షణాలు మార్జిన్ మరియు padding ఉపయోగిస్తారు . ఇది మీ అంశాల మధ్య మీకు కావలసిన స్థలం సరిగ్గా పొందడానికి ఉత్తమ మార్గం. మరియు మీరు పత్రంలో కేవలం నిలువు ఖాళీ కంటే ఎక్కువ ప్రభావితం చేయవచ్చు.
నాన్ బ్రేకింగ్ స్పేస్ ()
చివరగా, బ్రేకింగ్ స్పేస్ ఉంది . ఈ పాత్ర ఎంటిటీ ఖచ్చితంగా ఒక సాధారణ టెక్స్ట్ స్పేస్ వలె పని చేస్తుంది, ప్రతి బ్రౌజర్ ఒక్కొక్కటి ఒక్కొక్కటిగా వ్యవహరిస్తుంది.
ఒకవేళ మీరు నాలుగు వరుసలో ఉంచితే, బ్రౌజర్ టెక్స్ట్లో నాలుగు ఖాళీలు ఉంచుతుంది.
గమనిక, పాత బ్రౌజర్లు బహుళ కాని బ్రేకింగ్ ప్రదేశాలు రెండర్ కాదు.
టేబుల్స్లో నాన్-బ్రేకింగ్ స్పేసెస్ని ఉపయోగించడం
తెరిచి ఉంచడానికి సెల్ లో ఏదైనా చేర్చకపోతే పట్టికలు తరచుగా మూసుకుపోతాయి లేదా విచ్ఛిన్నం అవుతాయి. ఉదాహరణకు: 30-పిక్సెల్ గట్టర్తో పట్టికను సృష్టించడానికి క్రింది HTML ను ఉపయోగించండి:
| ఈ వచనం యొక్క ఎడమ వైపున చిన్న స్థలం ఉండాలి. కొన్ని బ్రౌజర్లు సరిగ్గా ప్రదర్శిస్తాయి, కానీ అనేక టేబుల్ వెడల్పు అభ్యర్థనను విస్మరిస్తాయి మరియు ఎడమ మార్జిన్తో టెక్స్ట్ ఫ్లష్ ఉంచండి. చాలా బాధించే! |
బ్యాలింగ్ నుండి పట్టిక కాలమ్ ఉంచడానికి, ఒక బ్రేకింగ్ స్పేస్ ఉపయోగించండి:
| ఈ వచనం యొక్క ఎడమ వైపున చిన్న స్థలం ఉండాలి. చాలా బ్రౌజర్లు సరిగ్గా ప్రదర్శిస్తుంది. |