در این سوال قصد داریم یک جدول به شکل زیر طراحی کنیم:

table

بخشی از پیاده‌سازی در فایل‌های table.html و style.css انجام شده‌ است. شما باید با توجه به جزئیاتی که در ادامه می‌آیند، فایل table.html را تکمیل کنید.

پروژه اولیه

پروژه اولیه را از اینجا دانلود کنید. ساختار فایل‌های این پروژه به صورت زیر است.

jadval_bazi
├── style.css
└── table.html

جزئیات

باید یک <table> را به گونه‌ای به <body> در فایل table.html اضافه کنید که:

دارای ۱۶ خانه مانند شکل فوق باشد.
شناسه (id) هر خانه به صورت cell_i باشد که i عدد داخل آن خانه است.
تنها از tag ‌های td، tr و table استفاده کنید؛ زیرا برای این موارد در فایل style.css ویژگی‌هایی در نظر گرفته شده که آن‌ها را در مکان مورد نظر برای داوری در صفحه قرار می‌دهد.

فایل table.html ‌را پس از تکمیل، فشرده و ارسال کنید.

نکات

فایل style.css بخشی از تنظیمات مربوط به ابعاد خانه‌های جدول، تنظیمات مربوط رنگ و فونت، و جهت‌گیری متن درون خانه‌ها را انجام ‌می‌دهد. این موارد به هیچ وجه نباید از درون table.html ‌تغییر کنند.
توجه کنید که داوری خودکار بر مبنای شناسه (id) عناصر انجام می‌شود. پس دقت کنید که عناصر شناسه‌ی صحیح داشته باشند.
پروژه را با ساختار زیر ارسال کنید.

[your-zip-file-name].zip
└── table.html

ارسال پاسخ برای این سؤال