العناصر Block و Inline في HTML | دروس HTML5


العناصر Block و Inline في HTML


كل عنصر HTML ، بناءً على نوعه ، له قيمة افتراضية لخاصية العرض الخاصة به. القيمة الافتراضية هي خاصية العرض لمعظم عناصر الكتلة أو العناصر المضمنة.

عناصر الحظر في HTML 

تبدأ عناصر الكتلة دائمًا في سطر جديد. وتحتل المساحة بأكملها في نطاقها (تمتد إلى أقصى اليسار واليمين قدر الإمكان)

العنصر <div> هو عنصر كتلة.

بعض الأمثلة على عناصر الكتلة:

<div>
<h1> - <h6>
<p>
<form>

العناصر المضمنة في HTML 

لا تبدأ العناصر المضمنة في سطر جديد وتشغل مساحة على طولها فقط.

هذا عنصر  <span> داخل فقرة  .

بعض الأمثلة على العناصر المضمنة:

<span>
<a>
<img>

العنصر <div>

يشيع استخدام العنصر <div> كحاوية لعناصر HTML الأخرى.

لا يحتوي عنصر <div> على سمات إلزامية، ولكن من الشائع استخدام سمات النمط والفئة له.

عند استخدامه مع CSS، يمكن استخدام عنصر <div> لتصميم كتلة من المحتوى.

<div style="background-color:black;color:white;padding:20px;">
<h2>London</h2>
<p>London is the capital city of England.
It is the most populous city in the United Kingdom,
with a metropolitan area of over 13 million inhabitants.</p>
</div>

العنصر <span>

يُستخدم العنصر <span> عادةً كحاوية لبعض النصوص.

لا يحتوي العنصر <span> على سمات إلزامية، ولكن من الشائع استخدام سمات النمط والفئة له.

عند استخدامه مع CSS ، يمكن استخدام العنصر <span> لتصميم جزء من النص.

<h1>My <span style="color:red">Important</span> Heading</h1>

كلمات مفتاحية: