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

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