الدرس السادس

عناصر المحتوي  Block :

 

  1. يبدأ عنصر المحتوي  دائمًا على خط جديد ويأخذ العرض الكامل المتاح (يمتد إلى اليسار واليمين قدر الإمكان)

 

ومن اشهر هذه العناصر هو Div

 

<*div>مرحبا بك في منصة العلوم الحديثة */div>

وهذه بعض عناصر المحتوي

  • <*p>
  • <*hr>
  • <*form>
  • <*li>
  • <*table>
  • <*h1>—<#h6>
  • <*ol>
  • <*ul>

 

<*div style="background-color:black;color:white;padding:20px;">
  <*h2>السودان <*/h2>
  <*p> هي دولة عربية تقع في شمال شرق أفريقيا تحدها من الشرق إثيوبيا وإريتريا ومن الشمال مصر وليبيا ومن الغرب تشاد وجمهورية أفريقيا<*/p>
<*/div>

 

  1. العناصر المضمنة  inline Elements

لا تبدا العناصر المضمنة في سطر جديد  

 

<*span>Hello World<*/span>

عناصر مضمنة أخرى

  • <*a>
  • <*br>
  • <*button>
  • <*img>
  • <*Label>
  • <*textarea>
  • <*input>

 

<*!DOCTYPE html>

<*html>

<*body>

<*h1> العناوين  <*span style="color:red">المهمة <*/span> <*/h1>

<*/body>

<*/html>