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

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

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

جميع دروس Fundamentals