Menu
Coddy logo textTech
flag Ar iconالعربيةdown icon

التقسيمات

جزء من قسم Fundamentals في رحلة 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اختبر نفسك

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

جميع دروس Fundamentals

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