ایچ ٹی ایم ایل سپائٹس کیسے بنائیں

سی ایس ایس کے ساتھ ایچ ٹی ایم ایل میں موجود عناصر کے خالی جگہوں اور جسمانی علیحدگی کو تشکیل دیں

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

یہ ایسا نہیں ہے کہ ویب سائٹ کے ڈیزائن کی جگہ کا کام کیسے کام کرتا ہے.

لہذا، آپ HTML میں وائٹ اسپیس کس طرح شامل کرتے ہیں جو ویب صفحہ پر ظاہر کرتے ہیں؟ یہ مضمون مختلف طریقوں سے متعلق ہے.

سی ایس ایس کے ساتھ ایچ ٹی ایم ایل میں خالی جگہیں

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

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

یہاں آپ کے تمام پیراگراف کے سامنے جگہ شامل کرنے کے لئے سی ایس ایس استعمال کرنے کا ایک مثال یہ ہے. مندرجہ ذیل سی ایس ایس اپنے بیرونی یا اندرونی طرز شیٹ میں شامل کریں:

p {
متن - اشارے: 3em؛
}

HTML میں خالی جگہیں: آپ کے ٹیکسٹ کے اندر

اگر آپ صرف ایک اضافی جگہ یا دو آپ کے متن میں شامل کرنا چاہتے ہیں، تو آپ غیر توڑنے والے جگہ کا استعمال کرسکتے ہیں.

یہ کردار صرف ایک معیاری خلائی کردار کی طرح کام کرتا ہے، صرف براؤزر کے اندر ہی ختم نہیں ہوتا.

متن کی ایک سطر کے اندر پانچ جگہوں کو کس طرح شامل کرنے کا ایک مثال یہ ہے:

یہ متن اس میں پانچ اضافی خالی جگہیں ہیں

ایچ ٹی ایم ایل کا استعمال

یہ متن & nbsp؛ & nbsp؛ & nbsp؛ & nbsp؛ اس کے اندر پانچ اضافی خالی جگہیں

آپ اضافی لائن وقفے کو شامل کرنے کے لئے
ٹیگ استعمال کرسکتے ہیں.

اس کی سزا ہے اس کے اختتام پر پانچ لائن وقفے

ایچ ٹی ایم ایل میں کیوں فرق ایک برا خیال ہے

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

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

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

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

اپنے کوڈ میں ان وقفہ کاری عناصر کو شامل کرنے کے بجائے، CSS استعمال کریں.

p {
padding کے نیچے: 20px؛
}

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

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

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