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