బహుళ నాన్-బ్రేకింగ్ స్పేస్‌లకు బదులుగా ట్యాబ్ స్పేస్ (“ ”)?

Bahula Nan Breking Spes Laku Baduluga Tyab Spes Nbsp



వెబ్ డెవలప్‌మెంట్‌లో, ''ని ఉపయోగించడం ద్వారా ఖాళీలు HTML డాక్యుమెంట్‌లలో జోడించబడతాయి.   ”ఎంటిటీ కోడ్, దీనిని నాన్-బ్రేకింగ్ స్పేస్ అని కూడా అంటారు. కొన్ని సందర్భాల్లో, ట్యాబ్ స్పేస్ వంటి బహుళ నాన్-బ్రేకింగ్ స్పేస్‌లను డాక్యుమెంట్‌లో జోడించడం అవసరం. కాబట్టి, బహుళ “ ” ఎంటిటీ కోడ్‌లు డాక్యుమెంట్ కోడ్ సీక్వెన్స్ మరియు నీట్‌నెస్‌ను ప్రభావితం చేయవచ్చు.

ఈ సమస్యలను పరిష్కరించడానికి, HTML డాక్యుమెంట్‌లో బహుళ నాన్-బ్రేకింగ్ స్పేస్‌లను చేర్చడానికి అనేక ఇతర మార్గాలు ఉన్నాయి, అవి “ <ముందు> ',' 'మూలకాలు, CSS' మార్జిన్-ఎడమ ',' పాడింగ్-ఎడమ ” లక్షణాలు మరియు మరెన్నో.

ఈ అధ్యయనం మీకు నేర్పుతుంది:







మొదట, మేము అమలు చేసే ఒక ఉదాహరణ ద్వారా నడుస్తాము '   ” HTML డాక్యుమెంట్‌లో ఖాళీలను జోడించడానికి. తర్వాత, ట్యాబ్ స్పేస్‌ను జోడించడానికి వివిధ పద్ధతులను ప్రదర్శించడానికి క్రమంగా దృష్టాంతాల ద్వారా వెళ్ళండి.



“ ”ని ఉపయోగించి స్పేస్‌లను ఎలా జోడించాలి HTMLలో ఎంటిటీ కోడ్?

'ని ఉపయోగించి ఖాళీలను జోడించడానికి   HTML పేజీలో, అందించిన దశలను అనుసరించండి:



  • డివి ఎలిమెంట్‌ని జోడించి, దానికి క్లాస్‌ని కేటాయించండి “ వ్యాసం ”.
  • ఆ తరువాత, ఒక 'ని ఉంచండి

    ” శీర్షిక కోసం మూలకం.

  • అప్పుడు, 'ని జోడించండి

    పేరా జోడించడానికి మూలకం. పేరా ప్రారంభంలో, ఎంటిటీ కోడ్‌ను సూచించడం ద్వారా ఖాళీలు జోడించబడతాయి '   ”:

< div తరగతి = 'వ్యాసం' >
< h2 > జ్ఞానం శక్తి < / h2 >
< p >     జ్ఞానం అనేది శక్తి, విద్యావంతుడు జ్ఞానం యొక్క బలం ద్వారా తన జీవితంపై పూర్తి నియంత్రణను కలిగి ఉంటాడని సూచిస్తుంది. < / p >
< / div >

పేరా ప్రారంభంలో ఖాళీలు విజయవంతంగా జోడించబడినట్లు చూడవచ్చు:





HTML “” మూలకాన్ని ఉపయోగించి ట్యాబ్ స్థలాన్ని ఎలా జోడించాలి?

HTML ' ” అనేది ఇన్‌లైన్ మూలకం, ఇది డాక్యుమెంట్‌లో కొంత భాగాన్ని గుర్తించడానికి ఉపయోగించబడుతుంది. కొనసాగుతున్న ఉదాహరణలో, మేము మూలకాన్ని “తో జోడించాము ట్యాబ్ ” id. స్థలాన్ని ఉత్పత్తి చేయడానికి ఈ మూలకం CSSలో రూపొందించబడింది:



< div తరగతి = 'వ్యాసం' >
< h2 >జ్ఞానమే శక్తి< / h2 >
< p > < వ్యవధి id = 'టాబ్' >< / వ్యవధి > జ్ఞానం అనేది శక్తి, విద్యావంతుడు జ్ఞానం ద్వారా తన జీవితంపై పూర్తి నియంత్రణ కలిగి ఉంటాడని సూచిస్తుంది యొక్క బలం.


శైలి 'వ్యాసం' div

.వ్యాసం {
మార్జిన్: ఆటో;
వెడల్పు : 400px;
పాడింగ్: 10px;
}

ది ' .వ్యాసం '' యాక్సెస్ చేయడానికి ఉపయోగించబడుతుంది

” ట్యాగ్‌లు, తర్వాత కింది లక్షణాలతో వర్తించబడుతుంది:

  • ' వెడల్పు ”ఆస్తి మూలకం యొక్క వెడల్పును నిర్ణయిస్తుంది.
  • ' మార్జిన్ ”ఆస్తి మూలకం యొక్క ఎత్తును నిర్ణయిస్తుంది.
  • ' పాడింగ్ ”మూలకం యొక్క కంటెంట్ చుట్టూ ఖాళీని సృష్టిస్తుంది.

స్టైల్ “ట్యాబ్” ఐడి

#ట్యాబ్ {
పాడింగ్-ఎడమ: 8px;
}

ది ' #ట్యాబ్ 'ఆక్సెస్' ట్యాబ్ మూలకం యొక్క id మరియు వర్తించు “ పాడింగ్-ఎడమ ” దానిపై ఆస్తి.

అవుట్‌పుట్

HTML “
” మూలకాన్ని ఉపయోగించి ట్యాబ్ స్పేస్‌ను ఎలా జోడించాలి?

ది ' <ముందు> ”మూలకం ముందే ఫార్మాట్ చేయబడిన వచనాన్ని నిర్వచిస్తుంది.

 మూలకంలోని వచనం వెబ్ పేజీలో అలాగే ప్రదర్శించబడుతుంది.

ముందుగా HTML పేజీని సృష్టించడం ద్వారా ఉదాహరణను సమీక్షించండి:

  • జోడించు '

    డాక్యుమెంట్‌కి లెవల్ రెండు హెడ్డింగ్‌ని సెట్ చేయడానికి మూలకం.

  • అప్పుడు, 'ని జోడించండి <ముందు> ” ట్యాగ్ చేసి, కావలసిన ఫార్మాటింగ్‌తో కంటెంట్‌ను పేర్కొనండి:
< h2 >HTML ప్రీ ట్యాగ్< / h2 >
< ముందుగా >
ఫంక్షన్ ఉత్పత్తి ఫంక్షన్ ( p1, p2 ) {
తిరిగి p1 * p2;
}
< / ముందుగా >

అవుట్‌పుట్

CSS 'మార్జిన్-లెఫ్ట్' ప్రాపర్టీని ఉపయోగించి ట్యాబ్ స్పేస్‌ను ఎలా జోడించాలి?

CSS 'ని ఉపయోగించి ట్యాబ్ స్పేస్‌ని జోడించడానికి మార్జిన్-ఎడమ ”ఆస్తి, అందించిన విధానాన్ని అనుసరించండి:

  • ముందుగా, డాక్యుమెంట్‌కు డివివ్ ఎలిమెంట్‌ని చేర్చి, దానికి క్లాస్‌ని కేటాయించండి “ చిత్రాలు ”.
  • ఈ div మూలకం లోపల, క్లాస్ “తో పాటు మరో రెండు div ఎలిమెంట్‌లను జోడించండి img-1 'మరియు' img-2 ” వరుసగా.
  • ఈ రెండు DIV మూలకాలలో ప్రతి ఒక్కటి 'ని ఉపయోగించి పేర్కొనబడిన చిత్రాలను కలిగి ఉంటుంది ” ట్యాగ్.
  • ఈ ' 'ట్యాగ్‌లు'తో అనుబంధించబడ్డాయి src 'మరియు' వెడల్పు ' గుణాలు. 'src' లక్షణం చిత్రం యొక్క URLని నిర్దేశిస్తుంది మరియు 'వెడల్పు' లక్షణం చిత్రం యొక్క వెడల్పును సర్దుబాటు చేస్తుంది.

పైన చర్చించిన దృశ్యం యొక్క HTML కోడ్ ఇక్కడ ఉంది:

< div తరగతి = 'చిత్రాలు' >
< div తరగతి = 'img-1' >
< img src = '/spring-images/marguerite-flower.jpg' వెడల్పు = '250' >
< / div >
< div తరగతి = 'img-2' >
< img src = '/spring-images/flower-ga8f105f1d_1920.jpg' వెడల్పు = '250' >
< / div >
< / div >

HTML పేజీ ఇలా కనిపిస్తుంది:

''కి బహుళ ఖాళీలను జోడించడానికి CSS విభాగం వైపు వెళ్దాం img-2 'బహుళ నాన్-బ్రేకింగ్ స్పేస్‌లను ఉపయోగించకుండా తరగతి.

శైలి 'చిత్రాలు' div

.చిత్రాలు {
వెడల్పు : 500px;
మార్జిన్: ఆటో;
}

ది ' .చిత్రాలు ''ని కలిగి ఉన్న HTML డివిని యాక్సెస్ చేయడానికి ఉపయోగించబడుతుంది చిత్రాలు ” తరగతి. పైన పేర్కొన్న లక్షణాల వివరణ క్రింది విధంగా ఉంది:

  • ' వెడల్పు ”ఆస్తి మూలకం యొక్క వెడల్పును నిర్ణయిస్తుంది.
  • ' మార్జిన్ ”ఆస్తి మూలకం వైపుల చుట్టూ ఉన్న స్థలాన్ని నిర్ణయిస్తుంది.

శైలి “img-2” div
'ని ఉపయోగించి div మూలకాన్ని యాక్సెస్ చేయండి .img-2 ”:

.img- 2 {
అంచు-ఎడమ: 30px;
}

ది ' మార్జిన్-ఎడమ 'ఒక' తో ఆస్తి 30px 'విలువ తరగతిని కలిగి ఉన్న HTML div మూలకానికి వర్తించబడుతుంది' img-2 ”. ఈ లక్షణం మూలకం యొక్క ఎడమవైపు 30px స్థలాన్ని జోడిస్తుంది.

ఇక్కడ, రెండవ చిత్రం ప్రారంభంలో కొంత ఖాళీతో వర్తింపజేయబడిందని ఫలితం చూపుతుంది:

మేము బహుళ నాన్-బ్రేకింగ్ స్పేస్‌లను ఉపయోగించకుండా ట్యాబ్ స్పేస్‌లను జోడించడం గురించి వివరించాము '   ”.

ముగింపు

HTML లో, '   డాక్యుమెంట్‌లో నాన్-బ్రేకింగ్ స్పేస్‌ను జోడించడానికి ఎంటిటీ కోడ్ సాధారణంగా ఉపయోగించబడుతుంది. ఈ ఎంటిటీ కోడ్‌ని అనేకసార్లు ఉపయోగించకుండా ఉండటానికి, డాక్యుమెంట్‌లో ట్యాబ్ స్పేస్‌ని జోడించడానికి ఇతర మార్గాలు ఉన్నాయి. ఈ పద్ధతులలో HTML 'ఉపయోగం ఉంటుంది. <ముందు> ',' 'మూలకాలు,' మార్జిన్-ఎడమ ”ఆస్తి మరియు మరెన్నో. ఈ బ్లాగ్ బహుళ “ ”ని జోడించడానికి బదులుగా HTML డాక్యుమెంట్‌లో ట్యాబ్ స్పేస్‌లను జోడించడంలో సహాయపడే అనేక మార్గాలను ప్రస్తావించింది. ఎంటిటీ కోడ్‌లు.