كيفية إدراج مسافات في لغة اتش تي ام ال

غالبًا ما يتم تجاهل المسافات المتعددة باستخدام مفتاح المسافة وعلامة التبويب ومفاتيح الإدخال عند كتابة كود HTML حيث يترجم HTML كل هذه المسافات كمسافات بيضاء بين الكلمات ويعرضها كمسافة واحدة فقط. من ناحية أخرى، تسمح أكواد CSS بمزيد من الحرية في تنسيق المسافات البيضاء والرائدة، ولدى HTML أيضًا العديد من أدوات تخصيص المساحة.

خطوات

أدخل مسافات مفردة ومساحات كبيرة

1. 1 أدخل مساحة غير مكسورة. يعرض HTML عادةً مسافة واحدة بين الكلمات بغض النظر عن عدد المرات التي تضغط فيها على مفتاح المسافة ويمكنك إظهار مسافة إضافية عن طريق كتابة أو. مصدر بحث X هذا يعيد مسافة تسمى المسافة غير المنقطعة ويتم عرض هذه المسافة دائمًا.

   • تسمى هذه المساحة بالمساحة غير المنقطعة لأنها تمنع الخط من الانكسار في مكانه وسيواجه المتصفح صعوبة في إدخال فواصل الأسطر بطريقة منمقة إذا أفرطت في استخدام هذه المساحة. X مصدر البحث

2. 2 قم بتضمين مساحة بيضاء مع أعراض مختلفة. هناك العديد من وحدات الرموز الأخرى التي تخبر المتصفح بإظهار المسافة البيضاء وقد تعرض المتصفحات المختلفة هذه المساحة بشكل مختلف، لكن هذا النوع من المسافات لا يؤثر على فاصل الأسطر على عكس مصدر بحث X مصدر بحث X

   • – يُدرج هذا الرمز مساحة بعرض مسافتين عاديتين تقريبًا.

   • – هذه المسافة تعادل تقريبًا المسافة العادية.

3. 3 أدخل مسافة مماثلة بالخط العريض باستخدام المساحات غير المنقطعة. إدراج عدة مسافات غير منقطعة بالتتابع إحدى الطرق لترك مسافة بيضاء قبل بداية الفقرة هي أن هذا يمكن أن يتم فقط في HTML ولكن لا يوصى به إذا كان بإمكانك استخدام رموز CSS بدلاً من ذلك (ستجد تفسيرًا لذلك في خطوة منفصلة ).

   • إذا كان لديك كتلة نصية لها ترتيب نصي معقد، بدلاً من ذلك.

4. 4 اترك مسافة كبيرة قبل فقرة نصية باستخدام رموز CSS. توفر المسافات والحدود الخاصة برموز CSS إرشادات عرض مباشرة للمتصفح مما يؤدي إلى نتيجة أكثر اتساقًا، ومن السهل القيام بذلك حتى عندما لا تكون لديك خبرة في CSS وليس لديك ملف منفصل لذلك. إليك مثال حيث ننقل الفقرة بأكملها إلى اليمين X Research Source

   • أدخل الكود التالي في ملف قسم من مستند HTML
     

     حيث تحدد “p.indent” نوع فقرة (علامة p) تسمى “مسافة بادئة” (يمكنك استخدام أي اسم) ويضيف باقي الرمز مسافة بيضاء على يسار تلك الفقرات.

   • عد الآن إلى نص مستند HTML. عندما تريد قص فقرة من النص، ضعها داخل العلامات التالية

   • لضبط مقدار المسافة البادئة، قم بتغيير القيمة “1.8” في كود CSS واحتفظ بالقيمة “em” بعدها لأنها تقيس الطول بناءً على حجم الخط. X مصدر البحث

تنسيق النصوص الأطول

1. 1 استخدم نصًا منسقًا مسبقًا. أي ضغطة على الفضاء أو أدخل الأزرار بداخلها

   يتم عرض العلامات كما هي تمامًا ويمكنك استخدامها لعرض أمثلة الرموز أو الشعر أو أي نص آخر حيث تكون المسافات أو فواصل الأسطر مهمة. X مصدر البحث

   • أكبر عيب في النص المنسق مسبقًا هو العرض، حيث لا يتم تغيير حجمه ليناسب نافذة المستخدم على عكس أكواد HTML العادية. X مصدر البحث

2. 2 أدخل فواصل الأسطر. ال
   تنهي العلامة السطر الحالي من النص، ويمكنك إدراج عدة أسطر فارغة باستخدام علامات br متعددة. يمكن استخدام هذه الطريقة من قبل متعلمي HTML غير المتمرسين، ولكن لا يوصى بذلك بعد تعلم كتابة أكواد CSS.

3. 3 تحديد فقرات النص مع الهاشتاج ص. ال

   تحدد العلامة حول النص فقرة من النص وتفصل معظم المستعرضات الفقرات بسطر واحد فارغ، ولكن لا يمكنك ضمان تنسيق دقيق. X مصدر البحث

أفكار مفيدة

• إذا وجدت رموزًا إضافية في التعليمات البرمجية عند التحقق من مظهرها النهائي، فتحقق من الأحرف غير الكاملة، مثل الكتابة
  .
• تعد أكواد CSS طريقة أكثر فاعلية تؤدي إلى نتائج تنسيق أكثر توقعًا للصفحة، بما في ذلك إدراج مسافات في النص.
• تجنب إدخال مسافة بيضاء بعد علامة بداية أو قبل علامة الإغلاق مباشرة. على سبيل المثال، اكتب المقال المساحاتوليس المثال المساحات. X مصدر البحث
• تعد المسافة غير المقطوعة () مثالاً على وحدات الرموز تشير الرموز إلى الرموز التي لا يمكنك كتابتها على لوحة المفاتيح.

تحذيرات

• لن يعمل كود HTML للزر Tab ↹ () لأنك تعتقد أن الكود لن يفعل شيئًا لأن مستند HTML لا يدعم المسافات الواسعة.
• اكتب دائمًا رموز HTML في محرر كود أو ملف نصي فارغ ولا تكتبها في برنامج معالجة النصوص. إذا تحولت المسافات إلى رموز غريبة في متصفح الويب الخاص بك، فمن المحتمل أن يكون هذا لأن البيانات المخزنة في برنامج معالجة الكلمات الخاص بك غير مخصصة للاستخدام على الويب.