إنشاء خط أفقي في HTML

مؤلف: Roger Morrison
تاريخ الخلق: 28 شهر تسعة 2021
تاريخ التحديث: 1 تموز 2024
Anonim
07 HTML hr الخط الأفقي
فيديو: 07 HTML hr الخط الأفقي

المحتوى

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


الاتجاهات

لقطة شاشة لصفحة ويب كاملة (كل الصور عبارة عن لقطات شاشة أنشأها إريك تيلدن)
  1. أدخل ما يلي بين العلامات> كما هو موضح:

    وثيقتي

    تعيين رأس للمستند الخاص بك ، وذلك باستخدام العلامات

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

    الخطوة 1
  2. أدخل علامة الخط الأفقي كما هو موضح:


    لا تحتوي علامة الخط الأفقي على علامة نهائية. قم بتضمين مسافة و شرطة مائلة قبل الإشارة الرئيسية.

    الخطوة 2
  3. أضف السمة "محاذاة" واضبطها على "يسار" ، كما هو موضح:



    الخطوة 3
  4. أضف سمة "الحجم" واضبطها على "4" ، كما هو موضح:


    تحدد السمة "size" مدى سُمك الخط بالبكسل.

    الخطوة 4
  5. أضف السمة "width" وقم بتعيينها على "370" ، كما هو موضح:


    تحدد قيمة السمة "width" طول الخط بالبكسل.

    الخطوة 5
  6. أضف السمة "color" إلى الخط الأفقي وقم بتعيينها على "maroon" كما هو موضح:


    يمكن ضبط لون هذه العلامة على أي لون قياسي أو ست عشري تختاره. يجب أن يسبق اللون السداسي عشري علامة "#".

    الخطوة 6
  7. احفظ المستند وأرسله إلى الخادم الخاص بك. افتح المتصفح الخاص بك وحدد الصفحة. يجب أن يكون الخط البني الأفقي تحت عنوان المستند.


    موقع جاهز

تحذير

  • العلامة
    عفا عليها الزمن ، وتشجع W3Schools استخدام الصور أحادية البيكسل المعدلة ، باستخدام تعليمات ورقة الأنماط لإطالة أو رفع الخطوط إلى الحجم المطلوب.

ما تحتاجه

  • محرر نصوص ، مثل تحرير المصدر (انظر الموارد)
  • برنامج لإرسال المستندات ، مثل FileZilla (انظر الموارد)
  • الفضاء على الخادم