3 طرق لإدراج المسافات في HTML

جدول المحتويات:

3 طرق لإدراج المسافات في HTML
3 طرق لإدراج المسافات في HTML

فيديو: 3 طرق لإدراج المسافات في HTML

فيديو: 3 طرق لإدراج المسافات في HTML
فيديو: How to Convert RPT file to PDF online for free | Convert RPF file to PDF 2024, يمكن
Anonim

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

خطوة

الطريقة الأولى من 3: استخدام كود HTML

أدخل مسافات في HTML الخطوة 1
أدخل مسافات في HTML الخطوة 1

الخطوة 1. افتح مستند HTML

يمكنك تحرير مستندات HTML باستخدام برنامج تحرير نصي مثل Notepad أو TextEdit على Windows. يمكنك أيضًا استخدام محرر HTML مثل Adobe Dreamweaver. اتبع هذه الخطوات لفتح مستند HTML.

  • ابحث عن مستندات HTML في File Explorer على جهاز كمبيوتر يعمل بنظام Windows (أو Finder على جهاز Mac).
  • انقر بزر الماوس الأيمن فوق مستند HTML الذي تريد تحريره.
  • مرر فوق الخيار " مفتوحة مع ”.
  • انقر فوق البرنامج الذي تريد استخدامه لتحرير الملف.
أدخل مسافات في HTML الخطوة 2
أدخل مسافات في HTML الخطوة 2

الخطوة 2. اضغط على مفتاح المسافة لإضافة مسافة عادية

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

Image
Image

الخطوة 3. اكتب لإضافة مسافات لاحقة بالقوة

يُعرف الكود الناتج بمسافة غير منقسمة أو مساحة ثابتة لأنه يمنع انقسام الخط في الموقع حيث يتم وضع الكود.

  • على سبيل المثال ، اكتب مرحبًا بالجميع! لإدراج مسافة إضافية بين الكلمتين "مرحبًا" و "الجميع!"
  • إذا كنت تفرط في استخدام هذه الأحرف ، فسيواجه متصفحك صعوبة في إدخال فواصل الأسطر بطريقة أنيقة وسهلة القراءة.
  • يمكنك أيضًا الكتابة لإدخال مسافة بالقوة.
Image
Image

الخطوة 4. أدخل مسافات بعرض مختلف

يمكنك إضافة مساحة أكبر باستخدام أحد الخيارات التالية:

  • مسافتين - النوع
  • أربع مسافات - النوع
  • مسافة بادئة - النوع

الطريقة 2 من 3: استخدام كود CSS

أدخل مسافات في HTML الخطوة 5
أدخل مسافات في HTML الخطوة 5

الخطوة الأولى: افتح مستند HTML أو CSS

يمكن تطبيق كود CSS على رأس مستند HTML أو كتابته كمستند CSS خارجي.

يوجد رأس مستند HTML في أعلى الملف. يقع هذا القسم بين علامتي "" و ""

Image
Image

الخطوة 2. قم بإنشاء مقطع نمط لرمز CSS

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

  • اكتب لفتح مقطع الأنماط. يجب إضافة جميع أكواد CSS بعد هذه العلامة.
  • اكتب لإغلاق مقطع النمط. يجب إدخال جميع أكواد CSS قبل علامة الإغلاق هذه.
Image
Image

الخطوة الثالثة. اكتب ما يلي في مقطع النمط: p {text-indent: 5em؛}. تخبر هذه العلامة المتصفح بوضع مسافة بادئة لخمس مسافات عند إضافتها إلى كود HTML المناسب.

  • يمكنك ضبط عدد أو عرض المسافات عن طريق كتابة رقم مختلف بعد رمز "text-indent:".
  • الوحدة "em" تعادل مسافة واحدة بحجم الخط المحدد أو القابل للتطبيق. يمكنك استخدام وحدات أخرى مثل النسب المئوية (مثل "مسافة بادئة نصية: 15٪ ؛") أو وحدات طول (مثل "مسافة بادئة نصية: 3 مم ؛").
Image
Image

الخطوة 4. تكا

من الجزء الذي تريد وضع مسافة بادئة فيه.

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

طريقة 3 من 3: استخدام نص منسق مسبقًا

أدخل مسافات في HTML الخطوة 9
أدخل مسافات في HTML الخطوة 9

الخطوة 1. افتح مستند HTML

يمكنك تحرير مستندات HTML باستخدام برنامج تحرير نصي مثل Notepad أو TextEdit على Windows. يمكنك أيضًا استخدام محرر HTML مثل Adobe Dreamweaver. اتبع هذه الخطوات لفتح مستند HTML.

  • ابحث عن مستندات HTML في File Explorer على جهاز كمبيوتر يعمل بنظام Windows (أو Finder على جهاز Mac).
  • انقر بزر الماوس الأيمن فوق مستند HTML الذي تريد تحريره.
  • مرر فوق الخيار " مفتوحة مع ”.
  • انقر فوق البرنامج الذي تريد استخدامه لتحرير الملف.
Image
Image

الخطوة 2. اكتب

قبل النص الذي تريد تنسيقه مسبقًا.

الرمز هو رمز فتح نص منسق مسبقًا.

Image
Image

الخطوة 3. اكتب النص المطلوب بعد"

".

مع التنسيق المسبق ، سيتم عرض جميع المسافات وفواصل الأسطر التي تم إنشاؤها باستخدام مفتاح "Enter" في صفحة HTML.

Image
Image

الخطوة 4. اكتب بعد النص.

سينتهي جزء النص المنسق مسبقًا.

نصائح

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

تحذير

  • أحرف HTML لـ Tab

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

موصى به: