Tab Space بدلاً من المسافات المتعددة غير الفاصلة ('& nbsp؛')؟

Tab Space Bdlaa Mn Almsafat Almt Ddt Ghyr Alfaslt Nbsp



في تطوير الويب ، تتم إضافة المسافات في مستندات HTML من خلال استخدام ' نبسب ؛ 'رمز الكيان الذي يشار إليه أيضًا باسم المسافة غير الفاصلة. في بعض الحالات ، يلزم إضافة مسافات متعددة غير منقسمة في المستند ، مثل مسافة الجدولة. لذلك ، فإن '& nbsp؛' متعددة قد تؤثر رموز الكيان على تسلسل كود المستند ودقته.

لمعالجة هذه المشكلات ، هناك عدة طرق أخرى لتضمين مسافات متعددة غير منقسمة في مستند HTML ، مثل ' <قبل> '،' 'عناصر ، CSS' الهامش الأيسر '،' المساحة المتروكة لليسار 'وغير ذلك الكثير.

ستعلمك هذه الدراسة:







أولاً ، سنستعرض مثالاً يطبق ' نبسب ؛ 'لإضافة مسافات في مستند HTML. بعد ذلك ، انتقل تدريجيًا إلى الرسوم التوضيحية لتوضيح طرق مختلفة لإضافة مسافة علامة تبويب.



كيفية إضافة مسافات باستخدام '& nbsp؛' كود الكيان في HTML؟

لإضافة مسافات باستخدام ' نبسب ؛ 'في صفحة HTML ، اتبع الخطوات المتوفرة:



  • أضف عنصر div وعيّن له فئة ' مقالة - سلعة '.
  • بعد ذلك ، ضع علامة '

    'للعنوان.

  • ثم أضف '

    'لإضافة فقرة. في بداية الفقرة ، تتم إضافة المسافات بالإشارة إلى رمز الكيان ' نبسب ؛ ':

< شعبة صف دراسي = 'مقالة - سلعة' >
< h2 > المعرفة قوة < / h2 >
< ص > على & nbsp ؛ على & nbsp ؛ على & nbsp ؛ المعرفة قوة تدل على أن الرجل المتعلم لديه سيطرة كاملة على حياته من خلال قوة المعرفة. < / ص >
< / شعبة >

يمكن ملاحظة أنه تم إضافة المسافات بنجاح في بداية الفقرة:





كيف تضيف مسافة جدولة باستخدام عنصر HTML '

HTML ' 'هو عنصر مضمن يتم استخدامه لتمييز جزء من المستند. في المثال الحالي ، أضفنا العنصر مع ' التبويب ' هوية شخصية. تم تصميم هذا العنصر في CSS لإنتاج مساحة:



< شعبة صف دراسي = 'مقالة - سلعة' >
< h2 > المعرفة قوة < / h2 >
< ص > < امتداد هوية شخصية = 'التبويب' > < / امتداد > المعرفة قوة تعني أن الرجل المتعلم له سيطرة كاملة على حياته من خلال المعرفة قوة.

أسلوب 'مقالة' div

.مقالة - سلعة {
الهامش: تلقائي ؛
العرض : 400 بكسل ؛
الحشو: 10 بكسل ؛
}

ال ' .مقالة - سلعة 'للوصول إلى'

'، والتي يتم تطبيقها بعد ذلك مع الخصائص التالية:

  • ' العرض 'عرض العنصر.
  • ' حافة 'ارتفاع العنصر.
  • ' حشوة 'يولد مساحة حول محتوى العنصر.

معرف نمط 'علامة التبويب'

#التبويب {
المساحة المتروكة: 8 بكسل ؛
}

ال ' #التبويب ' الوصول إلى ' التبويب 'معرّف العنصر وتطبيق' المساحة المتروكة لليسار 'على ذلك.

انتاج |

كيفية إضافة مسافة جدولة باستخدام عنصر HTML '

ال ' <قبل> 'يحدد النص المنسق مسبقًا. يتم عرض النص الموجود داخل عنصر

 على صفحة الويب كما هو.

نظرة عامة على المثال من خلال إنشاء صفحة HTML أولاً:

  • أضف ال '

    'لتعيين عنوان من المستوى الثاني للمستند.

  • ثم أضف ' <قبل> '، وحدد المحتوى بالتنسيق المطلوب:
< h2 > علامة HTML المسبقة / h2 >
< قبل >
وظيفة المنتج وظيفة ( ص 1 ، ص 2 ) {
العودة p1 * p2 ؛
}
< / قبل >

انتاج |

كيفية إضافة مسافة الجدولة باستخدام خاصية 'margin-left' في CSS؟

لإضافة مسافة علامة تبويب باستخدام CSS ' الهامش الأيسر '، اتبع الإجراء المقدم:

  • أولاً ، قم بتضمين عنصر div في المستند وقم بتعيين فئة ' الصور '.
  • داخل عنصر div هذا ، أضف عنصري div آخرين إلى جانب الفئة ' IMG-1 ' و ' IMG-2 ' على التوالى.
  • يحتوي كل عنصر من عنصري div على صور محددة باستخدام ' ' بطاقة شعار.
  • هؤلاء ' 'المرتبطة بـ' src ' و ' العرض ' صفات. تحدد السمة 'src' عنوان URL للصورة ، وتضبط السمة 'width' عرض الصورة.

فيما يلي رمز HTML للسيناريو الموضح أعلاه:

< شعبة صف دراسي = 'الصور' >
< شعبة صف دراسي = 'img-1' >
< IMG src = '/spring-images/marguerite-flower.jpg' العرض = '250' >
< / شعبة >
< شعبة صف دراسي = 'img-2' >
< IMG src = '/spring-images/flower-ga8f105f1d_1920.jpg' العرض = '250' >
< / شعبة >
< / شعبة >

ستبدو صفحة HTML بالشكل التالي:

دعنا ننتقل نحو قسم CSS لإضافة مسافات متعددة إلى ' IMG-2 'فئة بدون استخدام مسافات متعددة غير منقسمة.

نمط 'الصور' div

.images {
العرض : 500 بكسل ؛
الهامش: تلقائي ؛
}

ال ' .images 'للوصول إلى عنصر HTML div الذي يحتوي على' الصور ' صف دراسي. شرح الخصائص المذكورة أعلاه كما يلي:

  • ' العرض 'عرض العنصر.
  • ' حافة 'تحدد المساحة حول جوانب العنصر.

نمط 'img-2' div
قم بالوصول إلى عنصر div باستخدام ' .img-2 ':

.img- 2 {
الهامش الأيسر: 30 بكسل ؛
}

ال ' الهامش الأيسر 'مع' 30 بكسل يتم تطبيق القيمة 'على عنصر HTML div ذي الفئة' IMG-2 '. ستضيف هذه الخاصية مسافة 30 بكسل على يسار العنصر.

تظهر النتيجة هنا أن الصورة الثانية تم تطبيقها مع بعض المساحة في البداية:

لقد توسعنا في إضافة مسافات علامة تبويب بدلاً من استخدام مسافات متعددة غير منقسمة ' نبسب ؛ '.

استنتاج

في HTML ، ' نبسب ؛ 'يتم استخدام رمز الكيان بشكل شائع لإضافة مسافة غير منقسمة في المستند. لتجنب استخدام رمز الكيان هذا عدة مرات ، هناك طرق أخرى لإضافة مسافة علامة الجدولة في المستند. تتضمن هذه الطرق استخدام HTML ' <قبل> '،' ' عناصر، ' الهامش الأيسر 'وغير ذلك الكثير. ذكرت هذه المدونة عدة طرق تساعد في إضافة مسافات علامة تبويب في مستند HTML بدلاً من إضافة عدة '& nbsp؛' رموز الكيانات.