جدول‌بازی
در این سوال قصد داریم یک جدول به شکل زیر طراحی کنیم:
بخشی از پیاده‌سازی در فایل‌های table.html و 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) عناصر انجام می‌شود. پس دقت کنید که عناصر شناسه‌ی صحیح داشته باشند. - پروژه را با ساختار زیر ارسال کنید.