ٹیبز اور اسپیسنگ بنانے کیلئے ایچ ٹی ایم ایل اور سی ایس ایس کیسے استعمال کریں

ایچ ٹی ایم ایل میں کس طرح سفید جگہ براؤزر کی طرف سے علاج کیا جاتا ہے اس پر ایک نظر

اگر آپ ویب ڈیزائنر شروع کرتے ہیں تو، آپ کو ابتدائی طور پر سمجھنے کی بہت سی چیزوں میں سے ایک یہ ہے کہ سائٹ کے کوڈ میں سفید جگہ ویب براؤزرز کی طرف سے سنبھالا ہے.

بدقسمتی سے، جس براؤزر نے سفید جگہ کو سنبھال لیا وہ پہلی بار بہت بدیہی نہیں ہے، خاص طور پر اگر آپ ایچ ٹی ایم ایل میں آتے ہیں تو اس کا موازنہ لفظ پراسیسنگ پروگراموں میں سفید جگہ کو سنبھالایا جاسکتا ہے.

لفظ پروسیسنگ سوفٹ ویئر میں، آپ دستاویز میں بہت ساری جگہیں یا ٹیب شامل کرسکتے ہیں اور اس دستاویز کی مواد کے ڈسپلے میں انعقاد کی جائے گی. ایچ ٹی ایم ایل یا ویب صفحات کے ساتھ یہ معاملہ نہیں ہے. اس طرح، سیکھنے کے لئے کس طرح سفید جگہ ہے، واقعی، ویب براؤزر کی طرف سے سنبھالا بہت اہم ہے.

پرنٹ میں وقفہ

لفظ پروسیسنگ سوفٹ ویئر میں، تین بنیادی سفید خلائی حروف خلا، ٹیب، اور گاڑی کی واپسی ہیں. ان ایکٹ میں سے ہر ایک مختلف طریقے سے، لیکن ایچ ٹی ایم ایل میں، ہر براؤزر کو ان کو لازمی طور پر پیش کرتا ہے. چاہے آپ اپنے ایچ ٹی ایم ایل مارک اپ میں ایک جگہ یا 100 خالی جگہیں رکھیں، یا ٹیب اور گاڑی کی واپسی کے ساتھ آپ کے فاصلے کو مسح کریں، جب یہ براؤزر کی طرف سے پیش کردہ صفحے پر ہوتا ہے، تو یہ سب ایک جگہ پر قابو پائے گا. ویب ڈیزائن اصطلاحات میں، یہ سفید خلائی خاتمے کے طور پر جانا جاتا ہے. آپ ان مخصوص وقفہ کاری کی چابیاں کو کسی ویب صفحہ میں شامل کرنے کے لئے استعمال نہیں کرسکتے ہیں کیونکہ براؤزر براؤزر میں فراہم کردہ براؤزر میں صرف ایک جگہ میں براؤزر کو ایک سے زیادہ خالی جگہوں میں گر کر تباہ ہوجاتا ہے،

کوئی ٹیب کا استعمال کیوں کرتا ہے؟

عام طور پر، جب لوگ ٹیکسٹ دستاویز میں ٹیب کا استعمال کرتے ہیں، تو وہ ان کی ترتیب وجوہات کے لۓ یا کسی خاص عنصر کو منتقل کرنے یا کسی اور عنصر سے مخصوص فاصلے پر جانے کے لئے استعمال کررہے ہیں. ویب ڈیزائن میں، ان بصری شیلیوں یا لے آؤٹ کی ضروریات کو حاصل کرنے کے لئے آپ ان افریقی جگہ حروف استعمال نہیں کر سکتے ہیں.

ویب ڈیزائن میں، کوڈ میں اضافی وقفہ کاری کے حروف کا استعمال خالص طور پر اس کوڈ کو پڑھنے کے آسانی کے لئے ہوگا. ویب ڈیزائنرز اور ڈویلپرز اکثر ٹیبز کو انڈین کوڈ پر استعمال کرتے ہیں تاکہ وہ دیکھ سکیں کہ عناصر دوسرے عناصر کے بچوں ہیں - لیکن ان پرندوں نے صفحے کے بصری ترتیب پر اثر انداز نہیں کیا. ان لوگوں کے لئے جو بصری ترتیب میں تبدیلی کی ضرورت ہوتی ہے، آپ کو سی ایس ایس کو تبدیل کرنے کی ضرورت ہوگی.

ایچ ٹی ایم ایل ٹیبز اور اسپیسنگ بنانے کے لئے سی ایس ایس کا استعمال کرتے ہوئے

ویب سائٹ آج ساخت اور سٹائل کے علیحدگی کے ساتھ بنائے جاتے ہیں. ایک صفحے کی ساخت ایچ ٹی ایم ایل کی طرف سے سنبھالا جاتا ہے جبکہ طرز سی ایس ایس کی طرف سے طے شدہ ہے. اس کا مطلب یہ ہے کہ فاصلہ بنانا یا کسی خاص ترتیب کو حاصل کرنے کے لۓ، آپ کو سی ایس ایس میں تبدیل کرنا چاہئے اور HTML کوڈ پر آسانی سے فاصلے کے حروف کو شامل کرنے کی کوشش نہیں کرنا چاہئے.

اگر آپ ٹیبز کو متن کے کالم بنانے کے لئے استعمال کرنے کی کوشش کر رہے ہیں تو، آپ اس کے بجائے

عناصر کو استعمال کرسکتے ہیں جو اس کالم ترتیب کو حاصل کرنے کیلئے سی ایس ایس کے ساتھ پوزیشن میں ہیں. یہ پوزیشننگ سی ایس ایس فلوٹ، مطلق اور رشتہ دار پوزیشننگ، یا Flexbox یا سی ایس ایس گرڈ کی طرح سی ایس ایس ترتیب تکنیک کے ذریعے کیا جا سکتا ہے.

اگر آپ ڈیٹا باہر نکال رہے ہیں تو ٹیبلولر ڈیٹا ہے، آپ میزیں اس ڈیٹا کو سیدھا کرنے کے لئے استعمال کرسکتے ہیں جیسے آپ چاہتے ہیں. ٹیبلز اکثر ویب ڈیزائن میں برا ریپ حاصل کرتے ہیں کیونکہ وہ بہت سے سالوں کے لئے خالص ترتیب کے اوزار کے طور پر زیادتی کی گئیں، لیکن ٹیبلز اب بھی بالکل درست ہیں اگر آپ کے مواد میں اس کے پیش نظر ٹیبلر ڈیٹا شامل ہو.

مارجنز، Padding، اور ٹیکسٹ انڈین

سی ایس ایس کے ساتھ وقفہ کاری بنانے کا سب سے عام طریقہ مندرجہ ذیل سی ایس ایس شیلیوں میں سے ایک کا استعمال کرکے ہے.

مثال کے طور پر، آپ مندرجہ ذیل سی ایس ایس کے ساتھ ایک ٹیگ کی طرح ایک پیراگراف کی پہلی سطر پر غور کرسکتے ہیں (نوٹ کریں کہ یہ آپ کے پیراگراف کو فرض کرتا ہے کہ "اس سے منسلک" سب سے پہلے "کلاس" کی خاصیت ہے:

p.first {
ٹیکسٹ انڈین: 5em؛
}

یہ پیراگراف اب 5 حروف کے بارے میں انحصار کیا جائے گا.

آپ عنصر کے سب سے اوپر، نیچے، بائیں، یا دائیں (یا ان کے اطراف کے کنارے) میں وقفہ کاری شامل کرنے کے لئے سی ایس ایس میں مارجن یا بھرتی خصوصیات استعمال کرسکتے ہیں. بالآخر، آپ سی ایس ایس کو تبدیل کرکے کسی بھی قسم کی سپنج کاری حاصل کرسکتے ہیں.

سی ایس ایس کے بغیر ایک سے زیادہ خلائی منتقل متن

اگر آپ چاہیں تو آپ کے متن کے لئے پہلے ہی آئٹم سے ایک سے زیادہ جگہ منتقل ہوجائے تو آپ غیر توڑنے والے جگہ کا استعمال کرسکتے ہیں.

غیر توڑنے والی جگہ کا استعمال کرنے کے لئے، آپ کو صرف شامل کریں & nbsp؛ آپ کو اپنے ایچ ٹی ایم ایل مارک اپ میں کتنا وقت ضرورت ہے.

مثال کے طور پر، اگر آپ اپنے لفظ کو پانچ جگہیں منتقل کرنا چاہتے ہیں، تو آپ لفظ سے پہلے درج ذیل میں شامل کرسکتے ہیں.

& nbsp؛ & nbsp؛ & nbsp؛ & nbsp؛ & nbsp؛

ایچ ٹی ایم ایل ان کا احترام کرتا ہے اور ان کو ایک ہی جگہ پر نہیں گرے گا. تاہم، یہ ایک بہت غریب عمل سمجھا جاتا ہے کیونکہ اس سے صرف ایک ترتیب میں اضافی ایچ ٹی ایم ایل مارک اپ شامل کر رہا ہے صرف ترتیبات کی ضروریات کو حاصل کرنے کے لئے. ساخت اور سٹائل کے اس علیحدگی کو واپس لے کر، آپ کو مطلوبہ مطلوبہ اثر کو حاصل کرنے کے لئے صرف غیر توڑنے والے خالی جگہیں شامل کرنے سے بچنے کے بجائے اور اس کے بجائے سی ایس ایس کے مارجن اور تختہ استعمال کرنا چاہئے.