Таблиці. Частина 2.

table: ширина 800px, шрифт Tahoma, border-collapse: collapse;
table, td, th: рамка 2px solid black;
caption: шрифт 26px, жирний, колір заголовка яскраво-оранжевий (#ff4500);
th: фон кораловий (coral), колір тексту білий.
td: text-align: center;
.class1: фон світло-блакитний (lightcyan);
.class2: фон світло-жовтий (lightyellow).

У тілі сторінки:
Таблиця із cellpadding="10" та align="center" має 5 рядків.
"Іграшковий магазин", "Магазин настільних ігор", "Сума витрачених коштів" та "1847 грн." в th та мають об’єднання двох колонок (colspan="2").
Перелік ігор та іграшок з цінами, а також суму витрачених коштів у td. Чергування кольорів в рядках (класи class1 та class2).

table, td, th: рамка 3px solid чорний
table: ширина 100%, фон сторінки lightyellow, шрифт "Comic Sans MS"
caption: фон chocolate, розмір шрифту 26px, білий колір тексту, font-weight: bold;
th: фоновий колір cyan, розмір шрифту 18px, чорний колір текст
td: текст вирівняний по центру (text-align: center;), розмір шрифту 16px
img: ширина 100px, висота авто (height: auto;), закруглені кути (border-radius: 10px)

У тілі сторінки:
Створіть таблицю з тегом <table> та підписом <caption> із назвою "Cuphead: Моя ігрова колекція".
Додайте три основні категорії в окремих колонках з використанням атрибута rowspan:
«Пройдені боси», «Хочу перемогти», «Легендарні боси».
У кожній клітинці розмістіть картинку (<img>) із босом Cuphead та його назвою (<p>) під зображенням.
Застосуйте атрибути cellspacing 10 та cellpadding 10 у <table>, щоб додати відступи між клітинками та всередині клітинок.

Назви босів:
- Phantom Express
- King Dice
- The Devil
- Goopy Le Grande
- Cagney Carnation
- Grim Matchstick
- Ribby & Croaks
- Baroness Von Bon Bon
- Dr. Kahl’s Robot

table: фон темно-сірий (darkslategrey), текст світло-блакитний (azure), розмір шрифту 18px, рамки суміжні (border-collapse: collapse).
table, td, th: рамки чорні 2px solid, текст вирівняний по центру.
th: колір помаранчевий (orange).
caption: фон кораловий (coral), розмір шрифту 24px.
img: ширина 250px, використовується для картинки команди Fortnite.

Тіло сторінки:
Таблиця <table> (cellspacing="5", cellpadding="10" та text-align="center") створює таблицю для відображення скілів героїв Fortnite.
<caption> додає назву таблиці “Скіли героїв у Fortnite”.
Перший рядок містить заголовки “Герой”, “Основні скіли” та картинку.
rowspan="2" – об’єднує два рядки для колонки “Герой”.
colspan="3" – об’єднує три колонки під назвою “Основні скіли”.
rowspan="6" – об’єднує шість рядків для картинки команди.
<td> – комірки з даними, тут записані значення скілів (Швидкість, Стрільба, Будівництво) для кожного героя.
Рядки таблиці:
1-й рядок: заголовки та картинка.
2-й рядок: назви колонок для скілів.
3-6-й рядки: герої та їхні скіли.