HTML Tutorial

عنصر <div>

الخطوات العملية:

1. الاستخدام: تُستخدم العلامة <div> لإنشاء قسم منطقي في مستند HTML. ويمكن استخدامها لتنظيم المحتوى أو تجميع عناصر ذات صلة.

2. الصفات:

  • id: تعيين معرف فريد للقسم.
  • class: تعيين فئة CSS للقسم.
  • style: إضافة أنماط CSS مباشرةً إلى القسم.

3. الأمثلة:

<div>هذا قسم في مستند HTML</div>

<div id="رأس الصفحة">
  <h1>عنوان الصفحة</h1>
</div>

<div class="محتوى">
  <p>هذا محتوى الصفحة...</p>
</div>

ملاحظة: يمكن إضافة أقسام متداخلة داخل بعضها البعض.

مثال HTML بسيط يستكشف علامة <div>:

<!DOCTYPE html>
<html>
<head>
  <title>استكشاف علامة <div></title>
</head>
<body>
  <div id="رأس الصفحة">
    <h1>عنوان الصفحة</h1>
  </div>

  <div id="محتوى الصفحة">
    <p>هذا محتوى الصفحة...</p>
  </div>

  <div id="تذييل الصفحة">
    <p>حقوق النشر محفوظة &copy; 2023</p>
  </div>
</body>
</html>

تلميحات إضافية للمتحدثين باللغة العربية:

  • تُقرأ علامة <div> على أنها "ديف" اختصارًا لكلمة "قسم".
  • الصفات هي خصائص تُضاف إلى العلامة لتخصيصها.
  • يمكن استخدام فئات CSS لتطبيق أنماط مختلفة على أقسام مختلفة.