فاصلة
  • HTML
  • ?
    : ترتيب الدرس
  • 17
    عدد الدروس
  • ?
    أخر تحديث

الــ inline والــ block في لغة HTML

 كما نعرف جميعاً بأن صفحات الويب عبارة عن طول وعرض ,وعلي ذلك يجب أن نتعرف علي طريق عرض العناصر ,ويوجد طريقتين لعرض العناصر في لغة HTML ,الطريق الأفقية inline  وهي عرض العناصر بجانب بعضها علي خط أفقي ,والطريقة الثانية block وهي عرض العناصر أسفل بعضها علي خط رأسي .

وكل عنصر في اللغة لدية طريقتة الخاصية في العرض ,بحيث يوجد عناصر يتم عرضها بجانب بعضها بشكل أفتراضي ,وعناصر يتم عرضها رأسياً بشكل أفتراضي ,وهذا ما سنتعرف علية في الدرس ,بحيث سوف نعرض عليك العناصر التي يتم عرضها بجانب بعضها inline والعناصر التي يتم عرضها فوق بعضها block  .


العناصر block 

العناصر block هي العناصر التي يتم عرضها علي مستوي رأسي (فوق بعضها) ,ولتوضيح المعني سوف نفترض بأننا قمنا بأضافة 3 فقرات إلي الموقع عن طريق الوسم <p> ,والوسم p من عناصر الــ block ,في تلك الحالة سيتم عرض الفقرات فوق بعضها
<p>فقرة</p>
<p>فقرة</p>
<p>فقرة</p>
عند تنفيذ الأمر من المتصفح سوف يتم عرض الفقرات فوق بعضها لأنها من عناصر الــ block ,والقائمة التالية بكل العناصر التي يتم عرضها بشكل رأسي فوق بعضها في لغة html .
<table>
<ol><h6> <h1>
<hr>
<ul><details>
<li>
<p><section>
<div><footer><main>
<nav><form><figure>

الأدوات أساسيات العناصر خصائص العناوين الفقرات الأنماط التنسيق التعليقات الألوان الروابط الصور الجداول القوائم الترتيب النماذج الميتا تاج