درود

اول اینکه این سه تا تگ نیستند، آیدی هستند. همونطور که میدونید در html آیدی با # نشون داده میشه و تگ با < > پس بهتره که در بیان درستشون دقت کنید.

اینجا ما سه تا گزینه منو داریم که باید وقتی روشون کلیک کردیم رنگ صفحه عوض بشه و بهش انیمیشن داده بشه و... این محدوده که قرار هست رنگش عوض بشه یه کادر مشخص (همون کل صفحه) هست. محدوده رو با div تعریف میکنیم و چون سه تا گزینه منو و درنتیجه سه محدوده رنگ داریم از سه div استفاده میکنیم. به این سه div آیدیهایی به نام t1 و t2 و t3 میدیم که بتونیم در استایل براشون رنگ و انیمیشن و... تعریف کنیم.

دقت کنید هرچقدر بخوایم میتونیم div تودرتو تعریف کنیم و هیچ محدودیتی نداره. divها در html روی هم میفتند و اینجا به همین دلیل سه تا div رو تودرتو نوشتیم (میخواستیم همون محدوده با کلیکهای مختلف رنگش عوض شه)

بعد هم این آیدیها رو به عناصر li لیست مون بایند کردیم تا اگر روشون کلیک شد استایل موردنظر اعمال بشه.

.

درصورتی که پاسخ بنده براتون مفید بود ممنون میشم تیک تایید پاسخ رو بزنید تا بقیه هم بتونند بهش مراجعه کنند.