في HTML، يمكننا بسهولة إضافة الخط الأفقي في المستند باستخدام الطرق المختلفة التالية:
- باستخدام علامة HTML
- استخدام CSS الداخلي
باستخدام أتش تي أم أل
إذا أردنا إضافة الخط الأفقي في مستند Html باستخدام علامة HTML ، ثم يتعين علينا اتباع الخطوات الموضحة أدناه. باستخدام هذه الخطوات، يمكننا بسهولة إضافة السطر:
الخطوة 1: أولاً، علينا كتابة كود Html في أي محرر نصوص أو فتح ملف Html الموجود في محرر النصوص الذي نريد إضافة الخط الأفقي فيه.
Add the Line using Html tags This page helps you to understand how to add the line in Html document. And, this section helps you to understand how to add the line using the Html tags.
الخطوة 2: الآن، ضع المؤشر عند النقطة التي نريد إضافة السطر فيها إلى مستند Html. وبعد ذلك يتعين علينا استخدام
علامة HTML في تلك المرحلة.
<hr>
الخطوه 3: الآن، علينا أن نضيف سمات
العلامة، التي تحدد حجم ولون وعرض الخط. لذلك، يتعين علينا كتابة سمة الحجم والعرض واللون داخل الملف
بطاقة شعار.
<hr>
الخطوة 4: وبعد ذلك يتعين علينا تحديد قيم هذه السمات.
<hr>
الخطوة 5: وأخيرًا، يتعين علينا حفظ كود Html ثم تشغيل الملف في المتصفح.
Add the Line using Html tags This page helps you to understand how to add the line in Html document. <hr> And, this section helps you to understand how to add the line using the Html tag.اختبره الآن
يظهر إخراج كود Html أعلاه في لقطة الشاشة التالية:
استخدام CSS الداخلي
إذا أردنا إضافة السطر الأفقي في مستند Html باستخدام ورقة الأنماط الداخلية، فعلينا اتباع الخطوات الموضحة أدناه. باستخدام هذه الخطوات، يمكننا بسهولة إضافة السطر:
الخطوة 1: أولاً، علينا كتابة كود Html في أي محرر نصوص أو فتح ملف Html الموجود في محرر النصوص الذي نريد إضافة الخط الأفقي فيه.
Add the Line using Internal CSS. This page helps you to understand how to add the line in Html document. And, this section helps you to understand how to add the line using the Internal Cascading Style Sheet.
الخطوة 2: الآن، يتعين علينا وضع المؤشر مباشرة بعد إغلاق علامة العنوان في ملف علامة الرأس لمستند Html ثم قم بتحديد الأنماط داخل ملف العلامة كما هو موضح في الكتلة التالية. وبعد ذلك يتعين علينا كتابة علامة hr CSS لتصميم الخط الأفقي.
Add the Line using Internal CSS. hr { } الخطوه 3: الآن، يتعين علينا تحديد سمات علامة hr CSS. لذلك، سوف نقوم بتعريف السمات المختلفة في الكتلة التالية:
Add the Line using Internal CSS. hr { width: 80%; height: 2px; background-color: pink; margin-bottom: 7px; margin-right: auto; margin-left: auto; margin-top: 9px; border-width: 4px; border-color: blue; } الخطوة 4: والآن علينا أن نكتب
علامة في نص مستند Html لإظهار الخط الأفقي على صفحة الويب. وأخيرًا، يتعين علينا حفظ ملف Html ثم تشغيل الملف في متصفح الإنترنت.
Add the Line using Internal CSS. hr { width: 80%; height: 2px; background-color: pink; margin-bottom: 7px; margin-right: auto; margin-left: auto; margin-top: 9px; border-width: 4px; border-color: blue; } This page helps you to understand how to add the line in Html document. <hr> And, this section helps you to understand how to add the line using the Internal Cascading Style Sheet. اختبره الآن يظهر إخراج كود Html أعلاه في لقطة الشاشة التالية:
