كيفية إدراج مسافات في HTML

مؤلف: Monica Porter
تاريخ الخلق: 22 مارس 2021
تاريخ التحديث: 1 تموز 2024
Anonim
الدرس الرابع من دورة تعليم html المسافات
فيديو: الدرس الرابع من دورة تعليم html المسافات

المحتوى

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

خطوات

الطريقة 1 من 2: أدخل مسافات وعلامات تبويب مفردة

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

  2. أدخل مسافات بعرض مختلف. هناك بعض أحرف الكيانات الأخرى التي تتطلب من المستعرض عرض مسافة. تختلف طريقة عرض هذه المسافات في متصفحات مختلفة قليلاً ، ولكن على عكس الرموز التالية لن تؤثر على فاصل الأسطر:
    • - سميت على اسم مساحة الطابعة "N" (وحدة قياس) ، والمسافة "en" هي ضعف المساحة العادية.
    • - مساحة "em" ، تساوي تقريبًا أربع مسافات.

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

  4. محاذاة الفقرات مع CSS. تقدم خصائص CSS "margin" و "padding" إرشادات مباشرة إلى المتصفح ، وبالتالي فإن النتائج المعروضة ستكون أكثر تناسقًا. هذه الطريقة ليست صعبة التنفيذ ، إلا إذا كنت لا تعرف شيئًا عن CSS ولا تحتوي صفحتك على ورقة أنماط. فيما يلي مثال على كيفية نقل فقرة بأكملها إلى الهامش الأيمن:
    • في قسم من مستند HTML ، أدخل الكود التالي:

      حيث: "p.indent" يعرف سمة من اسم النص (علامة p) "مسافة بادئة" (يمكنك استخدام اسم آخر). يضيف باقي الكود ميزة مساحة "المساحة المتروكة" إلى الجانب الأيسر من الفقرة.
    • الآن ، عد إلى نص مستند HTML. في أي وقت تريد وضع مسافة بادئة لفقرة (لا تزال "مسافة بادئة" في هذا المثال) ، ضع الفقرة في هذا الرمز:

    • لمحاذاة المسافة البادئة ، قم بتغيير الرقم "1.8" في كود CSS. احتفظ بـ "em" في الخلف لأن هذه هي وحدة الطول المرتبطة بحجم الخط.
    الإعلانات

الطريقة 2 من 2: قم بإعداد فجوات أطول

  1. استخدم العلامات المنسقة مسبقًا. اي مفتاح الفراغ حسن ↵ أدخل تم إدخاله في البطاقة

    سيتم عرضه تمامًا كما تكتبه. يمكنك أيضًا استخدام هذه العلامة لتقديم أمثلة أو قصائد أو أي نص آخر يتطلب دقة عالية في التباعد وفواصل الأسطر.

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

النصيحة

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

تحذير

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