التقسيمات
جزء من قسم الأساسيات في رحلة 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>التحدي
سهلأنشئ 3 عناصر div، وضعها واحدًا تلو الآخر في مستند HTML الخاص بك.
داخل كل عنصر div، أضف وسم p يحتوي على اسم فيلم يعجبك.
جرّب بنفسك
<!DOCTYPE html>
<html>
<body>
<!-- اكتب الكود هنا -->
</body>
</html>يتضمن هذا الدرس اختبارًا قصيرًا. ابدأ الدرس للإجابة عليه وتتبّع تقدمك.
جميع دروس الأساسيات
2النصوص والتنسيق
العناوينالفقراتفواصل الأسطرالنص العريض والمائلالنص العريض والمائل مجدداًمراجعة - التنسيق8النماذج والمدخلات - الجزء الأول
أساسيات النماذجمدخلات النصوصسمات المدخلاتحقل كلمة المرورتسميات المدخلاتملخص - نموذج أساسي11صفحة التسجيل في الفعالية
نظرة عامة على المشروعقسم الـ Headerتدرّب بنفسك: Playground لـ Web