أخر الاخبار

شرح وسم div فى لغة html | دورة html5 للمبتدئين

شرح وسم div فى لغة html | دورة html5 للمبتدئين

شرح وسم div فى لغة html
شرح وسم div فى لغة html

السلام عليكم ورحمة الله وبركاته اهلا بكم زوار ومتابعين موقع prog egypt سوف نشرح اليوم بأذن الله تعالى الدرس الخامس من دورة html للمبتدئين وهو درس مهم وسوف نشرح لكم وسم div وهو من اشهر الوسوم المستخدمه فى لغة html 

محتوايات المقالة

  • شرح وسم div
  • امثلة على شرح وسم div


شرح وسم div

يعتبر وسم div من اكثر الوسوم المستعملة حيث لا تجد موقع او تطبيق مستعمل تطبيقات الويب لا يحتوى على وسم div ويستعمل وسم div فى احتواء اكثر من عنصر بداخله ويعتبر وسم div من العناصر التى تكون من نوع block بحيث اذا كتبنا اكثر من عنصر وكل عنصر فى وسم div يكون مكتوب على سطر معين ولا يوجد حجم معين للوسم div بحيث انها تزيد من حجمها بزيادة عدد العناصر التى بداخله

امثلة على شرح وسم div


  • المثال الاول وهو يوضح فكرة ان وسم <div> من النوع block

<div>html</div>
<div>css</div>
<div>java script</div>


  • نتيجة تنفيذ المثال 



  • المثال الثانى هو لوضع بعض العناصر المستخدمه فى لغة html مثل وسم a و p

<div>
 <h1> web course | prog egypt</h1>
 <p> html short for Hyper text markup language | html5</p>
<a href="https://www.prog-egypt.com">go to prog egypt website to learn html5</a>
 </div>

  • نتيجة المثال


  • المثال الثالث وسوف نستخدم فيه اثنات من وسم div لنرى فيه طريقة وضع اكثر من وسم لل  div ونرى نتيجة الكود

<div>
 <h1> web course | prog egypt</h1>
 <p> html short for Hyper text markup language | html5</p>
<a href="https://www.prog-egypt.com">go to prog egypt website to learn html5</a>
 </div>
 <hr/>
 <div>
 <h1> web course | prog egypt</h1>
 <p> learn html from www.rog-egypt.com</p>
<a href="https://www.prog-egypt.com">go to prog egypt website to learn html5</a>
 </div>

  • نتيجة تنفيذ الكود


هذة هى بعض الامثال لتوضيح فكرة عمل  وسم div داخل لغة html وسوف نستعملها فى الدروس القادمة ان شاء الله

لا تنسى نشر الموضوع ليستفيد منه اكبر عدد من الاشخاص

لا تنسى الصلاة على النبى
Abdallah Ahmed
بواسطة : Abdallah Ahmed
انا اسمى عبدالله من مصر امتلك بعض المواقع الالكترونية و اعمل مبرمج ومطور ويب و تطبيقات هدفى هو الرقى بالمحتوى العربى و الارتقاء به
تعليقات



حجم الخط
+
16
-
تباعد السطور
+
2
-