صفحه شطرنج با HTML

در این آموزش قصد داریم طراحی صفحه شطرنج با HTML را آموزش بدهیم.

راه‌های متفاوتی برای ترسیم طرح شطرنج وجود دارد. یکی از این راه‌ها استفاده از table است.

 

ساخت صفحه شطرنج با اچ‌تی‌ام‌ال

بدین صورت که ۸ تا سطر و در هر سطر، ۸ تا خانه ایجاد می‌کنیم و یکی در میان رنگ سفید و مشکی بهشون می‌دیم.

ابتدا تگ table را باز و بسته می‌کنیم و در داخل آن از ۸ تا تگ tr استفاده می‌کنیم.

سپس در داخل هر تگ tr از تگ td استفاده می‌کنیم.

همانطور که مشاهده می‌کنید به هر تگ td یک کلاس دادیم و یکی در میان کلاس black و white دارند.

حال در داخل تگ head، استایل‌ها تگ table و td را می‌دهیم.

همچنین می‌توان پس از طراحی صفحه شطرنج با html ، با javascript نیز بازی آن را ساخت.

نتیجه را در عکس زیر می‌توانید مشاهده کنید:

صفحه شطرنج با html

برای امتیاز به این نوشته کلیک کنید!
[کل: ۱ میانگین: ۵]
با دوستانتان به اشتراک بگذارید

2 دیدگاه

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

*

code