د ټیوبونو او فاصلو جوړولو لپاره HTML او CSS استعمال کول څنګه

په HTML کې د سپینو ځای په لټون کې د لټونونو لخوا درملل کیږي

که تاسو د پیل ویب ډیزاینر یاست، یو له ډیری شیانو څخه چې تاسو باید په پیل کې پوه شئ، د سایټ په کوډ کې سپینه ځای د ویب براؤزرونو لخوا اداره کیږي.

له بده مرغه، هغه لاره چې سپوږمکۍ سپینې ځای په نښه کوي هغه په ​​ډیره برخه کې نه وي، په ځانګړې توګه که تاسو HTML ته راشئ او پرتله کړئ ترڅو د پروسس په پروګرامونو کې د سپینو ځایونو اداره څنګه وشي، کوم چې تاسو سره ډیر ښه پیژندل کیدی شئ.

د کلمې پروسس کولو سافټویر کې، تاسو کولی شئ په سند کې ډیری فاصله یا ټبونه اضافه کړئ او دا به د سند د منځپانګې په ښودلو کې منعکس شي. دا قضیه د HTML سره یا د ویب پاڼو پاڼې نه ده. لکه څنګه چې سپینه ځای څومره دی، په واقعیت کې، د ویب لټونونو لخوا اداره کیږي خورا مهم دی.

په چاپ کې فاصله

د کلمې پروسس کولو سافټویر کې، د دریو لومړنیو سپینو ځایونو حروف خلا، ټب، او د کراۍ بیرته ستنې دي. د دغو کړنو هر یو په بیلا بیل ډول، مګر په HTML کې، ګوټ ګوټ ورته ټول اړین ورته وړاندې کوي. که تاسو په خپل HTML مارک اپ کې یو ځای یا 100 ځایونه ولرئ، یا د ټبونو او ګاډو د بیرته راستنېدو سره خپل فاصله سره ګډ کړئ، دا ټول به د یوې برنامه سره یوځای شي کله چې د براؤزر لخوا پاڼې وړاندې کیږي. د ویب ډیزاین ټرمینولوژي کې، دا د سپینې سپکاوی په توګه پیژندل کیږي. تاسو کولی شئ د دې ځانګړي فاصله کلو کاروونکي په ویب پاڼه کې اضافه کولو لپاره وکارول ځکه چې براؤزر په براؤزر کې وړاندې شوي کله چې یو څو ځایونه یوازې یو ځای ته ځي،

ولې څوک د ټبونو کاروي؟

په عام ډول، کله چې خلک د متن سند کې د متن سند کاروي، دوی د ترتیبونو دلایلو لپاره کاروي یا متن د یو مشخص ځای ته ځي یا د بل عنصر څخه یو مشخص فاصله وي. په ویب ډیزاین کې، تاسو د دې تایید شویو ځایونو کاروونکي نه غواړئ چې د بصری ډولونو یا ترتیباتو اړتیاوې ترلاسه کړي.

په ویب ډیزاین کې، په کوډ کې د اضافي فاصله کولو کاروونې کارول به په خالص ډول د کوډ کوډ د اسانتیا لپاره وي. د ویب ډیزاینرانو او ډیزاینرانو ډیری وختونه ټبونه کاروي تر څو د داخلي کود کوډ وکړي ترڅو دوی وګوري چې کوم عناصر د نورو عناصرو کوچني دي - مګر دا اشغال د پاڼې پاڼې بڼې په اغیزه نه کوي. د هغو کسانو لپاره چې د لید ترتیبونو بدلونونو ته اړتیا لري، ته به اړتیا لرئ چې سی ایس ایس ته لاړ شئ (د سینډینډ کولو طرزالعملونه).

د HTML ټبونو او فاصلو جوړولو لپاره سی ایس ایس کارول

نن ورځ ویب پاڼې د جوړښت او طرز جلا کولو سره جوړې شوې دي. د پاڼې جوړښت ایچ ایچ ایل لخوا سمبال شوی پداسې حال کې چې طرز ډول د CSS لخوا ترتیب شوی. دا پدې مانا ده چې د فاینټ جوړول یا یو مشخص ترتیب ترلاسه کول، تاسو باید سی ایس ایس ته واوسوئ او نه د HTML کود کوډ کولو لپاره د ساده فایلونو اضافه کولو هڅه کول.

که تاسو هڅه کوئ د ټبونو متن د متنونو د جوړولو لپاره، نو تاسو کولی شئ د

عناصر چې د سي ایس ایس سره ځای پرځای شوي د دې کالم ترتیب ترتیب کړئ. دا پوسټ کیدای شي د CSS سایټونو، مطلق او اړونده پوستکي، یا د سی ایس ایس ترتیبات تخنیکونو لکه Flexbox یا CSS CSS له لارې ترسره شي.

که چیرې هغه معلومات چې تاسو یې ایستل کول جدول تولیدوونکي ډاټا دی، تاسو کولی شئ د میزونو په نښه کولو لپاره د جدولونو کارولو سره څنګه چې تاسو یې غواړئ. میزونه ډیری وختونه په ویب ډیزاین کې خرابه ریپ ترلاسه کوي ځکه چې دوی د څو کلونو لپاره خالص لیږد وسیله ګڼل شوي، مګر میزونه لاهم په سمه توګه درست دي که ستاسو محتويات په کې موجود جدول کې شامل وي.

مارجې، Padding، او د متن انټرنیټ

د سی ایس ایس سره د فاصلو جوړولو لپاره ترټولو معمول لارې د لاندې سی ایس ایس ډولونو څخه د کارولو له لارې دي:

د مثال په توګه، تاسو کولی شئ د پیراګراف لومړۍ لومړۍ قطعه لکه څنګه چې لاندې سی ایس ایس سره ټیب ولرئ (یادونه وکړئ چې دا ستاسو پیراگراف د "لمړی" د هغې سره تړلی طبقه ځانګړتیا لري):

p.first {
متن - اشغال: 5em؛
}

دا پراګراف به اوس مهال د 5 کالو په پام کې ونیول شي.

تاسو کولی شئ د سي ایس ایس په برخه کې د ګنډو یا ډډید کولو ځانګړتیا هم کارولو لپاره د یو عنصر د پورته، لاندې، ښي، یا سم (یا د دواړو خواو سره یوځای کولو) ته د فاصلو اضافه کولو لپاره. په پای کې، تاسو کولی شئ د سی ایس ایس بدلولو سره هر ډول فاصله ترلاسه کړئ.

د سی ایس ایس پرته پرته د یو ځای څخه زیات حرکت کول

که تاسو وغواړئ د خپل متن لپاره د مخکینیو توکو څخه له یو څخه ډیر ځای لیږدول کیږئ، تاسو کولی شئ د ناانډول ځای ونیسئ.

د نه ماتیدونکي ځای کارولو لپاره، تاسو په ساده ډول د & nbsp؛ اضافه کړئ. څومره چې تاسو ورته اړتیا لرئ په خپل HTML نښه کې.

د مثال په توګه، که تاسو غواړئ خپل کلمه پنځه ځایونو ته لاړ شئ، نو تاسو کولی شئ لاندې کلمه د کلمې څخه اضافه کړئ.

& nbsp؛ & nbsp؛ & nbsp؛

HTML دا احترام کوي او دوی به یو واحد ځای ته نه پریږدي. په هرصورت، دا یو ډیر غریب عمل ګڼل کیږي ځکه چې دا د اسنادو اړتیاوو د ترلاسه کولو لپاره یوازې د اسنادو لپاره اضافي HTML مارک اپ اضافه کوي. د جوړښت او طرزالعمل بیرته حواله کول، تاسو باید د غوښتل شوي ترتیب اغیز ترلاسه کولو لپاره یواځې د غیر منډو خالي ځایونو څخه د ډډه کولو څخه ډډه وکړئ او د ځای پر ځای یې د CSS سیندونو او ډډ کارولو څخه کار واخلئ.