كيف تنشئ مساحة فارغة في HTML ؟

كيف تنشئ مساحة فارغة في HTML ؟

مساحة فارغة في HTML , قبل دخولك لهذا الموضوع اضنك تفهم في لغة HTML و لو قليلا و ربما صادفتك بعض المشاكل لتحسين ف مظهر موقعك و تريد حل ما اذا فموقع كمثري يساعدك على ذلك .. يكفي ان تتابع موقعنا و صفحتنا على الفيسبوك و تراسلنا في اي شيء حتى نساعدكم على عمل مواضيع تبحثون عنها ..

كيف تنشئ مساحة فارغة في HTML ؟

بما انك دخلت لموقعنا انت تبحث عن حل في لغة ال HTML وهي كيفية اضافة مسافة بين الكلمات او بين رموز او صور و الى اخره … 

يمكن إنشاء مساحة إضافية في HTML الخاص بك على صفحة الويب الخاصة بك هبر منصات متعددة عبر Blogger او wordpress

ربما اعتمدت طرق و لم تنجح معك لذا سعيت لتقديم موضوع مهم جدا لكفية اضافة فراغ او مساحة فارغة في HTML  بعدة طرق اعتمادا على نوع المساحة التي تريد إنشاءها.

تحتوي الأقسام التالية على ثلاث من الطرق المختلفة لإنشاء مساحة فارغة او بيضاء باستخدام كل من HTML و CSS .

اذا لنبدأ بهذه الطرق حول كيفية إنشاء مساحة بيضاء فارغة ؟

ماهي المسافات في HTML ؟

هناك مسافات فارغة | مسافات بيضاء 

ما هي أساسيات HTML المسافة البيضاء ؟

قد يكون من الصعب فهم المسافات في HTML بالنسبة لمصمم الويب المبتدئ ، فإن متصفح الويب يقوم تلقائيًا بتقليص هذه المسافات إلى مساحة واحدة فقط …

هناك عدد من الطرق لإضافة مساحة فارغة لذا سأودكم بطرق من تصميمي و اذا لم تنجح معك واحدة استخدم غيرها :

استخدام كود

 

<p> kp1 | kp2 </p>

 نضيف الكود الاتي :

&nbsp;

ليصبح على الشكل التالي

<p> kp1 &nbsp; | &nbsp; kp2 </p>

كود margin 

سيحتفظ النص الموجود في علامة html السابقة بجميع فواصل الأسطر والمسافات المتعددة مع المسافات البادئة إن وجدت

HTML

<p> kp1 | kp2 </p>

نضيف الكود التالي : 

style = 'padding-left: 10px'

ليصبح هكذا :

 <p style = 'padding-left: 10px'> kp1 | kp2 </p>

رموز تعبيرية

HTML :

<p> kp1 | kp2 </p>

نضيف الكود التالي : 

ليصبح هكذا :

<p> kp1 ❤ | ❤ kp2 </p>

إذا أعجبك هذا المقال ، فيرجى مشاركته على وسائل التواصل الاجتماعي و اذا كان لا يزال لديك أي أسئلة حول الموضوع راسلنا على الفيسبوك .

إعلانات 1
إعلانات 2
مواضيع مشابهة

💬تعليقات