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

باستخدام HTML 4.01

  1. 1 افتح أو أنشئ مستند HTML جديد. يمكن تحرير مستندات HTML باستخدام محرر نصوص مثل Notepad أو باستخدام محرر كود مثل Adobe Dreamweaver. اتبع هذه الخطوات لفتح مستند HTML في محرر نصوص من اختيارك

    • افتح برنامج Notepad أو محرر نص أو رمز من اختيارك.
    • افتح قائمة ملف.
    • انقر فوق الخيار فتح.
    • حدد ملف HTML.
    • انقر فوق الزر فتح.

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

  3. 3 إنشاء مساحة فارغة. اضغط على ↵ Enter لتحريك النص الذي تريد تسطيره لأسفل، ثم حرك المؤشر لأعلى إلى المساحة الفارغة.

  4. 4 أضف “

    “. النوع

    في الفراغ قبل بداية السطر. ال

    العلامة تنشئ خطًا أفقيًا عبر الصفحة.

  5. 5 انقل الخط الموجود أمام علامة “hr” إلى سطر جديد. اضغط على ↵ Enter للقيام بذلك. ال

    يجب أن تكون العلامة في سطر منفصل بعد هذا الإجراء.

  6. 6 أضف خصائص الخط الأفقي (اختياري). يمكنك إضافة خصائص إلى الخط الأفقي مثل الارتفاع والعرض واللون والمحاذاة باستخدام الرموز التالية بعد علامة “hr” في قوس الرمز. لاحظ أنه يمكنك إضافة أكثر من خاصية واحدة في القوس عن طريق فصلها بمسافة. X موارد البحث

    • يكتب
      لتغيير وزن الخط. غيّر # إلى قيمة السُمك (على سبيل المثال الحجم = “10”).
    • يكتب
      لتغيير عرض الخط. غيّر # إلى قيمة عرض بالبكسل أو نسبة مئوية من عرض الصفحة (مثل العرض = “200” أو العرض = “75٪”).
    • يكتب
      لتغيير لون الخط. غيّر # إلى اسم الخط أو إلى رمز قيمة سداسي عشري (على سبيل المثال، color = “red” أو color = “# FF0000”).
    • يكتب
      لمحاذاة الخط. غيّر # إلى “يمين” أو “يسار” أو “وسط” (على سبيل المثال

      ).

  7. 7 احفظ ملف HTML. يمكنك حفظ الملف النصي كملف HTML عن طريق تغيير الامتداد (.txt، .docx) إلى “.html”. اتبع هذه الخطوات لحفظ مستند HTML الخاص بك

    • افتح قائمة ملف.
    • انقر فوق حفظ باسم.
    • اكتب اسم الملف في حقل اسم الملف.
    • اكتب .html في نهاية اسم الملف.
    • انقر فوق خيار حفظ.

  8. 8 اختبر ملف HTML. يمكنك اختبار ملف HTML الخاص بك عن طريق النقر بزر الماوس الأيمن على الملف، وتحديد فتح باستخدام، ثم تحديد متصفح الويب. يجب أن تحتوي الصفحة على خط متصل بدلاً من علامة “hr”. يجب أن تبدو شفرة HTML بالشكل التالي مصدر بحث X.

    رأس

    فقرة مفصولة عن الرأس بسطر.

استخدام CSS في HTML5

  1. 1 افتح أو أنشئ مستند HTML جديد. يمكن تحرير مستندات HTML باستخدام محرر نصوص مثل Notepad أو باستخدام محرر كود مثل Adobe Dreamweaver. اتبع هذه الخطوات لفتح مستند HTML في محرر نصوص من اختيارك

    • افتح برنامج Notepad أو محرر نص أو رمز من اختيارك.
    • افتح قائمة ملف.
    • انقر فوق الخيار فتح.
    • حدد ملف HTML.
    • انقر فوق الزر فتح.

  2. 2 أضف رأسًا إلى مستند HTML الخاص بك. استخدم الخطوات التالية لإضافة رأس إذا لم يكن للمستند عنوان بالفعل. يأتي العنوان بعد ““وقبل”” بطاقة شعار.

    • يكتب في الجزء العلوي من المستند.
    • اضغط على ↵ Enter مرتين لإضافة سطرين جديدين.
    • يكتب لإغلاق الرأس.

  3. 3 نوع

    رأس

    فقرة مفصولة بخط أفقي