شرح وسم div فى لغة html | دورة html5 للمبتدئين
 |
| شرح وسم 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 وسوف نستعملها فى الدروس القادمة ان شاء الله
لا تنسى نشر الموضوع ليستفيد منه اكبر عدد من الاشخاص
لا تنسى الصلاة على النبى
تعليقات
إرسال تعليق