متعدد نان بریکنگ اسپیس (' ') کے بجائے ٹیب اسپیس؟

Mt Dd Nan Brykng Aspys Nbsp K Bjay Yb Aspys



ویب ڈویلپمنٹ میں، خالی جگہوں کو HTML دستاویزات میں 'کا استعمال کرکے شامل کیا جاتا ہے۔   ہستی کوڈ جسے نان بریکنگ اسپیس بھی کہا جاتا ہے۔ کچھ صورتوں میں، دستاویز میں متعدد غیر توڑنے والی جگہیں شامل کرنا، جیسے ٹیب کی جگہ، کی ضرورت ہوتی ہے۔ لہذا، متعدد ' ' ہستی کوڈ دستاویز کے کوڈ کی ترتیب اور صفائی کو متاثر کر سکتے ہیں۔

ان مسائل سے نمٹنے کے لیے، ایچ ٹی ایم ایل دستاویز میں متعدد غیر توڑنے والی جگہوں کو شامل کرنے کے کئی اور طریقے ہیں، جیسے کہ '

   '،'      عناصر، سی ایس ایس   مارجن-بائیں   '،'   پیڈنگ-بائیں   خصوصیات، اور بہت کچھ۔

یہ مطالعہ آپ کو سکھائے گا:







سب سے پہلے، ہم ایک مثال کے ذریعے چلیں گے جو لاگو کرتی ہے '   HTML دستاویز میں خالی جگہیں شامل کرنے کے لیے۔ پھر، ٹیب کی جگہ شامل کرنے کے لیے مختلف طریقوں کو ظاہر کرنے کے لیے بتدریج عکاسیوں کے ذریعے جائیں۔



' ' کا استعمال کرتے ہوئے خالی جگہیں کیسے شامل کریں HTML میں ہستی کوڈ؟

استعمال کرتے ہوئے خالی جگہیں شامل کرنے کے لیے   HTML صفحہ پر، فراہم کردہ مراحل پر عمل کریں:



  • ایک div عنصر شامل کریں اور اسے ایک کلاس تفویض کریں ' مضمون '
  • اس کے بعد، ایک جگہ '

    سرخی کے لیے عنصر۔

  • پھر، شامل کریں '

    پیراگراف شامل کرنے کے لیے عنصر۔ پیراگراف کے شروع میں، ہستی کوڈ کی نشاندہی کرکے خالی جگہیں شامل کی جاتی ہیں۔   ”:

< div کلاس = 'مضمون' >
< h2 > علم طاقت ہے < / h2 >
< ص >     علم طاقت کا مطلب ہے کہ ایک تعلیم یافتہ آدمی علم کی طاقت کے ذریعے اپنی زندگی پر مکمل کنٹرول رکھتا ہے۔ < / ص >
< / div >

یہ دیکھا جا سکتا ہے کہ پیراگراف کے آغاز میں جگہوں کو کامیابی کے ساتھ شامل کیا گیا ہے:





HTML “” عنصر کا استعمال کرتے ہوئے ٹیب کی جگہ کیسے شامل کی جائے؟

ایچ ٹی ایم ایل ' ” ایک ان لائن عنصر ہے جو کسی دستاویز کے کسی حصے کو نشان زد کرنے کے لیے استعمال ہوتا ہے۔ جاری مثال میں، ہم نے عنصر کو ' کے ساتھ شامل کیا ہے۔ ٹیب آئی ڈی یہ عنصر سی ایس ایس میں جگہ پیدا کرنے کے لیے اسٹائل کیا گیا ہے:



< div کلاس = 'مضمون' >
< h2 >علم طاقت ہے< / h2 >
< ص > < مدت آئی ڈی = 'ٹیب' >< / مدت علم طاقت کا مطلب ہے کہ ایک تعلیم یافتہ آدمی علم کے ذریعے اپنی زندگی پر مکمل کنٹرول رکھتا ہے۔ کی طاقت۔


طرز 'مضمون' div

.آرٹیکل {
مارجن: آٹو؛
چوڑائی : 400px;
پیڈنگ: 10px؛
}

' .آرٹیکل تک رسائی کے لیے استعمال کیا جاتا ہے

ٹیگز، جو پھر درج ذیل خصوصیات کے ساتھ لاگو ہوتا ہے:

  • ' چوڑائی پراپرٹی عنصر کی چوڑائی کا تعین کرتی ہے۔
  • ' مارجن پراپرٹی عنصر کی اونچائی کا تعین کرتی ہے۔
  • ' بھرتی ' عنصر کے مواد کے ارد گرد جگہ پیدا کرتا ہے۔

اسٹائل 'ٹیب' آئی ڈی

#ٹیب {
پیڈنگ-بائیں: 8px؛
}

' #ٹیب 'تک رسائی حاصل کریں' ٹیب عنصر کی id اور لاگو کریں ' پیڈنگ-بائیں 'اس پر جائیداد.

آؤٹ پٹ

HTML “
” عنصر کا استعمال کرتے ہوئے ٹیب کی جگہ کیسے شامل کی جائے؟

'

   عنصر پہلے سے فارمیٹ شدہ متن کی وضاحت کرتا ہے۔ 
 عنصر کے اندر موجود متن کو ویب صفحہ پر ظاہر ہوتا ہے جیسا کہ یہ ہے۔

پہلے HTML صفحہ بنا کر مثال کا جائزہ لیں:

  • شامل کریں '

    دستاویز میں سطح دو کی سرخی سیٹ کرنے کے لیے عنصر۔

  • پھر، شامل کریں '
       ٹیگ کریں، اور مطلوبہ فارمیٹنگ کے ساتھ مواد کی وضاحت کریں:
< h2 > HTML پری ٹیگ< / h2 >
< پری >
فنکشن پروڈکٹ فنکشن ( p1، p2 ) {
واپسی p1 * p2؛
}
< / پری >

آؤٹ پٹ

سی ایس ایس 'مارجن لیفٹ' پراپرٹی کا استعمال کرتے ہوئے ٹیب اسپیس کیسے شامل کریں؟

CSS کا استعمال کرتے ہوئے ٹیب کی جگہ شامل کرنے کے لیے ' مارجن-بائیں پراپرٹی، فراہم کردہ طریقہ کار پر عمل کریں:

  • سب سے پہلے، دستاویز میں ایک div عنصر شامل کریں اور اسے ایک کلاس تفویض کریں ' تصاویر '
  • اس 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 صفحہ اس طرح نظر آئے گا:

آئیے سی ایس ایس سیکشن کی طرف بڑھتے ہیں تاکہ 'میں متعدد جگہیں شامل کریں۔ img-2 ایک سے زیادہ نان بریکنگ اسپیس استعمال کیے بغیر کلاس۔

انداز 'تصاویر' div

.images {
چوڑائی : 500px;
مارجن: آٹو؛
}

' .images ' کا استعمال HTML div تک رسائی کے لیے کیا جاتا ہے جس میں ' تصاویر 'کلاس. مندرجہ بالا خصوصیات کی وضاحت اس طرح ہے:

  • ' چوڑائی پراپرٹی عنصر کی چوڑائی کا تعین کرتی ہے۔
  • ' مارجن ' پراپرٹی عنصر کے اطراف کی جگہ کا تعین کرتی ہے۔

انداز 'img-2' div
'کا استعمال کرتے ہوئے div عنصر تک رسائی حاصل کریں .img-2 ”:

.img- 2 {
مارجن-بائیں: 30px؛
}

' مارجن-بائیں 'ایک کے ساتھ جائیداد' 30px 'کلاس رکھنے والے HTML div عنصر پر قدر کا اطلاق ہوتا ہے' img-2 ' یہ پراپرٹی عنصر کے بائیں جانب 30px جگہ کا اضافہ کرے گی۔

یہاں، نتیجہ ظاہر کرتا ہے کہ دوسری تصویر شروع میں کچھ جگہ کے ساتھ لگائی گئی ہے:

ہم نے متعدد نان بریکنگ اسپیس استعمال کرنے کے بجائے ٹیب اسپیسز کو شامل کرنے کے بارے میں تفصیل سے بتایا ہے۔   '

نتیجہ

ایچ ٹی ایم ایل میں، '   ” ہستی کوڈ عام طور پر دستاویز میں نان بریکنگ اسپیس شامل کرنے کے لیے استعمال کیا جاتا ہے۔ اس ہستی کوڈ کو متعدد بار استعمال کرنے سے بچنے کے لیے، دستاویز میں ٹیب کی جگہ شامل کرنے کے دوسرے طریقے ہیں۔ ان طریقوں میں HTML کا استعمال شامل ہے۔

   '،'      ' عناصر، '   مارجن-بائیں   جائیداد، اور بہت کچھ۔ اس بلاگ نے متعدد طریقوں کا ذکر کیا ہے جو HTML دستاویز میں متعدد ' ' شامل کرنے کے بجائے ٹیب کی جگہیں شامل کرنے میں مدد کرتے ہیں۔ ہستی کے کوڈز