موضوع مميز أو حصة جديدة:

مقارنة بين Galaxy A50 vs iPhone 7 plus أيهما الأقوى في تشغيل الألعاب

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

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

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

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

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

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

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

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

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

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

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

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

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


1 - استخدام كود

 

<p> kp1 | kp2 </p>

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

&nbsp;

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

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

2) كود margin :

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

HTML

<p> kp1 | kp2 </p>

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

style = 'padding-left: 10px'

ليصبح هكذا :

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

3 - رموز تعبيرية :

HTML :

<p> kp1 | kp2 </p>

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

ليصبح هكذا :

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

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

عمليات البحث ذات الصلة

How to create extra space in HTML or a web page,تنسيق النصوص HTML,كود الفراغ في HTML,جميع أكواد HTML مع الشرح,كود المسافة في HTML,جميع اكواد HTML5 مع الشرح pdf,تنسيق الصور في HTML,اكواد html,اكواد لغة html جاهزة,كود المسافة في HTML,كود الفراغ في HTML,كود html جاهز,جميع أكواد HTML مع الشرح,كود محاذاة النص HTML,تنسيق النصوص HTML,كود html كامل,ترتيب أكواد HTML,

شارك هذه الحصة أو الموضوع :

قد يهمك

KindlyPear | كمثري | Kemtheri

موقع كمثري يرحب بكم , إهتماماتك هنا كل ما يخص التقنية , التكنولوجيا , ألعاب الفيديو و الثقافة بأنواعها , مع تجارب و إختراع مختارة و حصرية