Menu
CoddyTech

مراجعة - الجداول

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

challenge icon

التحدي

سهل

أنشئ مستند HTML يتضمن جدولًا يحتوي على جميع العناصر التي تعلمناها حتى الآن:

  1. وسم <table> لتعريف الجدول، مع تعيين قيمة السمة border إلى "1" لتكون الحدود ظاهرة.
  2. وسم <caption> بالنص "Employee Information" لوصف الجدول.
  3. صف جدول (<tr>) للرأس، يتضمن ثلاث خلايا رأس (<th>). يجب أن تمتد خلية الرأس الأولى على عمودين وأن تعرض "Employee Details"، وأن تعرض الثانية "Department"، والثالثة "Salary".
  4. صف جدول (<tr>) يتضمن خلية بيانات (<td>) تمتد على صفين وعمودين وتحتوي على النص "John Doe"، وخلية بيانات (<td>) تعرض "Sales"، وخلية بيانات (<td>) تعرض "$50,000".
  5. صف جدول آخر (<tr>) يتضمن خلية بيانات (<td>) تعرض "Marketing" وخلية بيانات (<td>) تعرض "$60,000".
  6. صف جدول أخير (<tr>) يتضمن خلية بيانات (<td>) تمتد على عمودين وتعرض "Jane Smith"، وخلية بيانات (<td>) تعرض "IT"، وخلية بيانات (<td>) تعرض "$70,000".

جرّب بنفسك

<!DOCTYPE html>
<html>
    <body>
        <!-- اكتب الكود هنا -->
    </body>
</html>

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

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