كيف تنشئ مساحة فارغة في HTML ؟
مساحة فارغة في HTML , قبل دخولك لهذا الموضوع اضنك تفهم في لغة HTML و لو قليلا و ربما صادفتك بعض المشاكل لتحسين ف مظهر موقعك و تريد حل ما اذا فموقع كمثري يساعدك على ذلك .. يكفي ان تتابع موقعنا و صفحتنا على الفيسبوك و تراسلنا في اي شيء حتى نساعدكم على عمل مواضيع تبحثون عنها ..
كيف تنشئ مساحة فارغة في HTML ؟
بما انك دخلت لموقعنا انت تبحث عن حل في لغة ال HTML وهي كيفية اضافة مسافة بين الكلمات او بين رموز او صور و الى اخره …
يمكن إنشاء مساحة إضافية في HTML الخاص بك على صفحة الويب الخاصة بك هبر منصات متعددة عبر Blogger او wordpress
ربما اعتمدت طرق و لم تنجح معك لذا سعيت لتقديم موضوع مهم جدا لكفية اضافة فراغ او مساحة فارغة في HTML بعدة طرق اعتمادا على نوع المساحة التي تريد إنشاءها.
تحتوي الأقسام التالية على ثلاث من الطرق المختلفة لإنشاء مساحة فارغة او بيضاء باستخدام كل من HTML و CSS .
اذا لنبدأ بهذه الطرق حول كيفية إنشاء مساحة بيضاء فارغة ؟
ماهي المسافات في HTML ؟
هناك مسافات فارغة | مسافات بيضاء
ما هي أساسيات HTML المسافة البيضاء ؟
قد يكون من الصعب فهم المسافات في HTML بالنسبة لمصمم الويب المبتدئ ، فإن متصفح الويب يقوم تلقائيًا بتقليص هذه المسافات إلى مساحة واحدة فقط …
هناك عدد من الطرق لإضافة مساحة فارغة لذا سأودكم بطرق من تصميمي و اذا لم تنجح معك واحدة استخدم غيرها :
استخدام كود
<p> kp1 | kp2 </p>
نضيف الكود الاتي :
ليصبح على الشكل التالي
<p> kp1 | 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>
إذا أعجبك هذا المقال ، فيرجى مشاركته على وسائل التواصل الاجتماعي و اذا كان لا يزال لديك أي أسئلة حول الموضوع راسلنا على الفيسبوك .
