HTML లో తెలుపు స్థలాన్ని బ్రౌజర్లచే ఎలా నిర్వహించబడుతుందో చూడు
మీరు ఒక ప్రారంభ వెబ్ డిజైనర్ అయితే, మీరు ముందుగా అర్థం చేసుకోవలసిన అనేక విషయాలలో ఒకటి సైట్ యొక్క కోడ్లోని తెల్లని స్థలం వెబ్ బ్రౌజర్లచే నిర్వహించబడుతుంది.
దురదృష్టవశాత్తు, బ్రౌజర్లు తెలుపు ప్రదేశంలో నిర్వహించబడే మార్గం మొట్టమొదట చాలా సహజమైనది కాదు, ప్రత్యేకించి మీరు HTML లోకి వచ్చి, వైట్ ప్రాప్తిని వర్డ్ ప్రాసెసింగ్ కార్యక్రమాలలో ఎలా నిర్వహిస్తారు అనేదానితో పోల్చి చూస్తే, మీరు మరింత సుపరిచితులై ఉండవచ్చు.
వర్డ్ ప్రాసెసింగ్ సాఫ్ట్వేర్లో, మీరు డాక్యుమెంట్లో అంతరాన్ని లేదా ట్యాబ్లను జోడించవచ్చు మరియు ఆ అంతరం పత్రం యొక్క కంటెంట్ ప్రదర్శనలో ప్రతిబింబిస్తుంది. ఇది HTML లేదా వెబ్ పేజీలతో కాదు. అంతేకాక, వెబ్ బ్రౌజర్లు ఎలా నిర్వహించాలో తెలపడం నేర్చుకోవడం చాలా ముఖ్యం.
ముద్రణలో అంతరం
వర్డ్ ప్రాసెసింగ్ సాఫ్ట్వేర్లో, మూడు ప్రాధమిక తెల్లని స్థల అక్షరాలు స్థలం, టాబ్ మరియు క్యారేజ్ రిటర్న్. ప్రతి ఒక్కటి ఒక విలక్షణమైన మార్గంలో పనిచేస్తుంది, కానీ HTML లో, బ్రౌజర్లు వాటిని అన్నిటికీ ఒకే విధంగా అందిస్తాయి. మీరు మీ HTML మార్కప్లో ఒక ఖాళీ లేదా 100 ఖాళీలు ఉంచారో లేదో లేదా మీ ఖాళీలు టాబ్లు మరియు క్యారేజ్ రిటర్న్లతో కలపండి, అవి బ్రౌసర్ ద్వారా పేజీ ఇవ్వబడినప్పుడు వాటికి అన్నింటికీ ఒక స్థలానికి తగ్గించబడతాయి. వెబ్ రూపకల్పన పరిభాషలో, దీన్ని వైట్ స్పేస్ పతనం అని పిలుస్తారు. వెబ్పేజీలో తెల్లని ఖాళీని జోడించడానికి ఈ విలక్షణ ఖాళీ కీలను మీరు ఉపయోగించలేరు ఎందుకంటే బ్రౌజర్లో ఖాళీలు పలు ఖాళీలు కూలిపోతాయి,
ఎవరో ట్యాబ్లను ఎందుకు ఉపయోగించాలి?
సాధారణంగా, ప్రజలు ఒక టెక్స్ట్ పత్రంలో ట్యాబ్లను ఉపయోగించినప్పుడు, వారు లేఅవుట్ కారణాల కోసం లేదా నిర్దిష్ట స్థలానికి తరలించడానికి లేదా మరొక మూలకం నుండి కొంత దూరంలో ఉండటానికి వాడుతున్నారు. వెబ్ డిజైన్ లో, మీరు ఆ దృశ్య శైలులు లేదా లేఅవుట్ అవసరాలు సాధించడానికి ఆ పైన పేర్కొన్న స్పేస్ అక్షరాలు ఉపయోగించలేరు.
వెబ్ రూపకల్పనలో, కోడ్లో అదనపు ఖాళీ అక్షరాలు ఉపయోగించడం ఆ కోడ్ను చదవడానికి సులభంగా ఉంటుంది. వెబ్ డిజైనర్లు మరియు డెవలపర్లు తరచూ కోడ్లను ఇండెంట్ చేయడానికి ట్యాబ్లను ఉపయోగిస్తారు, తద్వారా ఇవి ఎలిమెంట్లను ఇతర అంశాలకు చెందిన పిల్లలను చూడగలవు - కానీ ఆ ఇండెంట్లు పేజీ యొక్క దృశ్యమాన లేఅవుట్ను ప్రభావితం చేయవు. ఆ అవసరమైన దృశ్యమాన ఆకృతుల మార్పులకు, మీరు CSS (కాస్కేడింగ్ స్టైల్ షీట్స్) కు తిరుగుతారు.
HTML టాబ్లను మరియు అంతరాన్ని సృష్టించేందుకు CSS ను ఉపయోగించడం
నేడు వెబ్సైట్లు నిర్మాణం మరియు శైలి యొక్క విభజనతో నిర్మించబడ్డాయి. ఒక పేజీ యొక్క నిర్మాణం HTML చేత నిర్వహించబడుతుంది, అయితే శైలి CSS చేత నిర్దేశించబడుతుంది. దీని అర్ధం ఖాళీని సృష్టించడం లేదా నిర్దిష్ట లేఅవుట్ను సాధించడం, మీరు CSS కు తిరగండి మరియు HTML అక్షరాలకు అంతరం అక్షరాలను జోడించడానికి ప్రయత్నించి ఉండకూడదు.
టెక్స్ట్ యొక్క నిలువు వరుసలను సృష్టించడానికి మీరు ట్యాబ్లను ఉపయోగించాలని ప్రయత్నిస్తున్నట్లయితే, ఆ కాలమ్ లేఅవుట్ పొందడానికి CSS తో ఉన్న
మీరు బయటకు వెళ్తున్న డేటా పట్టిక డేటా ఉంటే, మీరు ఆ డేటాను మీరు కోరుకుంటున్నట్లుగా సర్దుబాటు చేయడానికి పట్టికలు ఉపయోగించవచ్చు. పట్టికలు తరచూ వెబ్ డిజైన్లో ఒక చెడు రాప్ పొందుతారు, ఎందుకంటే అవి చాలా సంవత్సరాలపాటు స్వచ్ఛమైన లేఅవుట్ ఉపకరణాలుగా నాశనం చేయబడ్డాయి, అయితే మీ కంటెంట్ పైన పేర్కొన్న పట్టిక డేటా ఉంటే పట్టికలు ఇప్పటికీ చెల్లుబాటు అయ్యేవి.
అంచులు, పాడింగ్ మరియు టెక్స్ట్-ఇండెంట్
CSS తో అంతరాన్ని సృష్టించేందుకు అత్యంత సాధారణమైన మార్గాలు కింది CSS శైలులలో ఒకదానిని ఉపయోగించడం ద్వారా:
- మార్జిన్
- పాడింగ్
- టెక్స్ట్-ఇండెంట్
ఉదాహరణకు, మీరు క్రింది CSS తో ఒక ట్యాబ్ వంటి పేరా యొక్క మొదటి పంక్తిని ఇండెంట్ చేయవచ్చు (ఇది మీ పేరాకి జోడించబడింది "మొదటి" యొక్క తరగతి లక్షణం కలిగి ఉంది)
p.first {
టెక్స్ట్-ఇండెంట్: 5 ఎమ్;
}
ఈ పేరా ఇప్పుడు 5 అక్షరాలు గురించి ఇండెంట్ చేయబడుతుంది.
మూలకం యొక్క ఎగువ, దిగువ, ఎడమ, లేదా కుడి (లేదా ఆ భుజాల కలయికలు) కు అంతరాన్ని జోడించడానికి మీరు CSS లో మార్జిన్ లేదా పాడింగ్ లక్షణాలను కూడా ఉపయోగించవచ్చు. అంతిమంగా, మీరు CSS ను తిరగడం ద్వారా ఏ విధమైన అంతరాన్ని పొందవచ్చు.
CSS లేకుండా వన్ స్పేస్ కంటే టెక్స్ట్ కదిలే
ముందటి అంశము నుండి మీ వచనము ఒకటి కంటే ఎక్కువ స్థలానికి దూరంగా ఉండుటకు మీరు కావలెనంటే, మీరు నాన్-బ్రేకింగ్ స్పేస్ ను వాడవచ్చు.
నాన్-బ్రేకింగ్ స్పేస్ ను ఉపయోగించడానికి, మీరు కేవలం & nbsp; మీ HTML మార్కప్ లో మీకు కావలసినన్ని సార్లు ఇది అవసరం.
ఉదాహరణకు, మీరు మీ పదం ఐదు ఖాళీలు తరలించాలని కోరుకుంటే, మీరు పదం ముందు కింది చేర్చవచ్చు.
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp;HTML వీటిని గౌరవిస్తుంది మరియు ఒకే స్థలంలో వాటిని కూలిపోదు. ఏమైనప్పటికీ, ఇది లేఅవుట్ అవసరాలను సాధించడానికి మాత్రమే ఒక డాక్యుమెంట్కు అదనపు HTML మార్కప్ను జోడించడం వలన ఇది చాలా తక్కువ అభ్యాసంగా పరిగణించబడుతుంది . నిర్మాణం మరియు శైలిని వేరు చేయడాన్ని తిరిగి ప్రస్తావిస్తూ, మీరు కావలసిన లేఅవుట్ ప్రభావాన్ని సాధించటానికి కాని బ్రేకింగ్ స్పేస్లను జోడించకుండా, బదులుగా CSS అంచులు మరియు పాడింగ్లను ఉపయోగించాలి.