د HTML سپوږمکۍ څنګه جوړول

خالي ځایونه او د عناصرو فزيکي جلا کول په HTML کې د CSS سره

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

دا دا نده چې څنګه د ویب پاڼې ډیزاین کار کوي.

نو، تاسو په HTML کې د سپایټ اسپیسونه څنګه په ویب پاڼه کې ښکاره کوئ؟ دا مقاله ځینې بیلابیل لاریونه معاینه کوي.

په HTML کې د سی ایس ایس سره ځایونه

په HTML کې د ځایونو د زیاتولو غوره لاره د Cascading Style Sheets (CSS) سره ده . سی ایس ایس باید د ویب پاڼې کوم ډول بصری اړخونه اضافه کولو لپاره وکارول شي، او له هغه ځایه چې فاصله د پاڼې د بصری ډیزاین ځانګړتیاوو برخه ده، سی ایس ایس دی چې تاسو یې دا ترسره کول غواړئ.

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

دلته یو مثال دی چې څنګه د سی ایس ایس کارولو لپاره ستاسو د ټولې پیراګراف مخې ته ځای اضافه کړئ. لاندې بهرنۍ او داخلي طرزالعمل کې لاندې سی ایس ایس اضافه کړئ:

p {
متن - اشغال: 3em؛
}

په HTML کې ځایونه: ستاسو متن دننه

که تاسو غواړئ خپل متن ته اضافي ځای یا دوه اضافه کړئ، تاسو کولی شئ د ناانډول ځای ونیسئ.

دا کرکټر یوازې د معیاري سپاټ تمرین په څیر کار کوي، یوازې دا د براؤزر دننه نسکورېږي.

دلته یو مثال دی چې څنګه د متن په لیکه کې پنځه ځایونه اضافه کړئ:

دا متن په دننه کې پنځه اضافي ځایونه لري

ایچ ٹی ایل کاروي:

دا متن & nbsp؛ & nbsp؛ & nbsp؛ په دننه کې پنځه اضافي ځایونه

تاسو کولی شئ د لیکلو نور اضافه اضافه کولو لپاره د ټیګ کارولو کار واخلئ.

دا جمله د پای په پایله کې پنځه کرښې لري.

ولې په HTML کې فاصله یو خراب نظر دی

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

که تاسو خپل ټول ډولونه او فاصله تکرار کړئ د بهرني طرز پاڼه کاروئ، نو بیا د ټول سایټ لپاره بدلونونه اسانه دي، ځکه چې تاسو باید د دې یو سټاټ شیٹ تازه کړئ.

د پای په پایله کې د پنځو ټیو ټیو سره د جزا پورته پورته مثال مثال وګورئ. که تاسو غواړئ چې د هرې پراګراف په پای کې فاصله اندازه کړئ، نو تاسو باید د خپل ټول سایټ کې هرې پراګراف ته د HTML تڼۍ اضافه کولو ته اړتیا ولرئ. دا د عادلانه اضافی اضطراب رقم دی چې ستاسو پاڼې پاڼې به بندې کړي.

برسیره پردې، که تاسو هغه سړک وټاکئ چې دا فاصله ډیره یا ډیره ده، او تاسو غواړئ دا بدل کړئ، تاسو به په خپل ټول ویب پاڼه کې هرې پیراګراف بدل کړئ. نه مننه!

ستاسو د کوډ لپاره د دغو فاینډیز عناصرو زیاتولو پرځای، د CSS کاروئ.

p {
padding-bottom: 20px؛
}

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

اوس، که تاسو د خپلې وېبپاڼې په یوه برخه کې د یو ځای ځای ته اړتیا لرئ، د
ټګۍ یا یو غیر ناانصافی ځای کارول د نړۍ پای نه دی، مګر تاسو باید محتاط یاست.

د دې انلاین انلاین HTML کارولو انتخابونه کولی شي د ټوپکۍ ډنډ وي. پداسې حال کې چې یو یا دوه کیدای شي ستاسو سایټ ته زیان ونه رسوي، که تاسو دغه لاره ته دوام ورکړئ، نو تاسو به په خپلو پاڼو کې ستونزې حل کړئ. په پای کې، تاسو د HTML فایلینډ لپاره سی ایس ایس ته ډیر ښه یاست، او نور ټولې ویب پاڼې د لید اړتیاوې.