القائمة الرئيسية

الصفحات

تعديل المشاركة

طريقة انشاء خط افقي وسطر فارغ في صفحة الويب بلغة html

Ma7moud
(0)
موقع المقدم للبرمجة

كيفية عمل خط افقي في صفحة الويب بلغة html 

السلام عليكم ورحمة الله وبركاته
سنتعرف في هذا الدرس علي طريقة انشاء خط افقي يفصل بين العناصر وبعضها او بين النصوص او بين الصور وغيرها من العناصر  والجزئ الثاني طريقة انشاء سطر فارغ في صفحة الويب بلغة html

كود انشاء خط افقي في لغة html

 لاحظ هذا الكود الاتي

<body dir="rtl">

<p> نص عادي للتوضيح </p>
<hr>
<p> موقع المقدم للبرمجة </p>
</body>

نلاحظ من الكود السابق : 

  1. نقوم باستخدام الخط الافقي بين عنصرين للتفريق بينهم 
  2. وسم الخط الفقي هو <hr>  وليس له وسم نهاية ويمكن ايضا كتابته هكذا  </ hr> 
  3. في هذا المثال قمنا بوضيع نصيين عاديين و وضعنا بينهم الخط الافقي وستظهر كما في الصورة الظاهرة   

الصورة الظاهرة لتوضيح الكود

ثانيا:
كيفية عمل سطر فارغ في صفحة الويب بلغة html  

لاحظ هذا الكود 
  
<body>
<p> نص عادي تجريبي 1111</p>
<br>
<P> نص عادي تجريبي 2222</P>


</body>              

نلاحظ من الكود السابق : 

  1. ان وسم السطر الفارغ هو <br> ويستخدم للفصل بين عنصرين وكلما اضفت هذا الوسم اكثر من مرة بين العنصرين كلما كثرت عدد السطور الفارغة بينهم
  2. يمكن ايضا كتابة هذا الكود بهذا الشكل </ br> 
  3. سيظهر سطر فارغ بين العنصرين عند استخدام هذا الوسم كما في الصورة الظاهرة 

الصورة الظاهرة لتوضيح الكود 



وفي نهاية هذا الدرس نرجو ان نكون قد افدناكم لو بالقليل وشكرا لكم 

تكلمنا في هذا الدرس عن : 
طريقة انشاء سطر فارغ في لغة html, كيفية انشاء خط افقي بين العناصر في لغة html, كود انشاء خط افقي بين العناصر في صفحة الويب في لغة html

لا تنسي القاء نظرة علي الدروس السابقة 

أخر المواضيع من قسم : دورة تعلم html

تعليقات

إرسال تعليق

التنقل السريع