Menu
CoddyTech

التقسيمات

جزء من قسم الأساسيات في رحلة HTML على Coddy. الدرس 25 من 60.

تخيّل أنك تريد تقسيم صفحة الويب إلى كتل لتنظيم محتواك. في HTML، يمكنك استخدام div لتجميع العناصر معًا. 

تُعد وسوم div رائعة لإنشاء التخطيطات وفصل الأقسام.

إليك الصياغة الأساسية:

<div>
	<!-- يوضع المحتوى هنا -->
</div>

يمكنك إضافة عناصر HTML أخرى داخل div، مثل الفقرات والعناوين والصور وحتى عناصر div أخرى. 

إليك مثالًا على كيفية استخدام وسوم div لإنشاء تخطيط بسيط يتضمن ترويسة ومنطقة محتوى رئيسية وتذييلًا:

<div>
	<h1>Header</h1>
</div>
<div>
	<p>Main content goes here.</p>
</div>
<div>
	<p>Footer</p>
</div>
challenge icon

التحدي

سهل

أنشئ 3 عناصر div، وضعها واحدًا تلو الآخر في مستند HTML الخاص بك. 

داخل كل عنصر div، أضف وسم p يحتوي على اسم فيلم يعجبك.

جرّب بنفسك

<!DOCTYPE html>
<html>
    <body>
        <!-- اكتب الكود هنا -->
    </body>
</html>
quiz iconاختبر نفسك

يتضمن هذا الدرس اختبارًا قصيرًا. ابدأ الدرس للإجابة عليه وتتبّع تقدمك.

جميع دروس الأساسيات

تدرّب بنفسك: Playground لـ Web