Завдання 1
Переписати текст, та виконати завдання як на картинці.
body: фон сторінки світло-блакитний (lightblue), шрифт "Comic Sans MS".
h1: колір darkblue, вирівнювання center, розмір шрифту 36px.
h3: колір darkred, вирівнювання center, розмір шрифту 24px.
p: шрифт за замовчуванням "Comic Sans MS", розмір 18px, колір black, вирівнювання center.
img: ширина 200px, рамка 3px dashed darkblue.
a: колір darkred, шрифт 18px, без підкреслення (text-decoration: none).
У тілі сторінки:
Заголовок h1: "Обери свого пірата".
Другий заголовок h3: "Клікни на картинку чи текст, щоб завантажити його у свою команду".
Абзац p: вставлено 3 піратів (Капітан Джек, Чорна Борода, Деві Джонс), де кожен пірат представлений:
- посиланням <a href="..."></a>, яке дозволяє завантажити картинку,
- підпис під картинкою — назва пірата,
- зображення <img> з атрибутами alt для доступності та align="middle" для центрування.
Наступний заголовок h3: "Маєш питання чи бажаєш приєднатись до нашої піратської команди?".
Другий абзац p: містить контактні посилання:
— для дзвінка,
— для написання листа.
Усі елементи вирівняні по центру сторінки, картинки мають декоративні рамки та підписи, посилання працюють як завантаження та контакти.
h1: колір darkblue, вирівнювання center, розмір шрифту 36px.
h3: колір darkred, вирівнювання center, розмір шрифту 24px.
p: шрифт за замовчуванням "Comic Sans MS", розмір 18px, колір black, вирівнювання center.
img: ширина 200px, рамка 3px dashed darkblue.
a: колір darkred, шрифт 18px, без підкреслення (text-decoration: none).
У тілі сторінки:
Заголовок h1: "Обери свого пірата".
Другий заголовок h3: "Клікни на картинку чи текст, щоб завантажити його у свою команду".
Абзац p: вставлено 3 піратів (Капітан Джек, Чорна Борода, Деві Джонс), де кожен пірат представлений:
- посиланням <a href="..."></a>, яке дозволяє завантажити картинку,
- підпис під картинкою — назва пірата,
- зображення <img> з атрибутами alt для доступності та align="middle" для центрування.
Наступний заголовок h3: "Маєш питання чи бажаєш приєднатись до нашої піратської команди?".
Другий абзац p: містить контактні посилання:
— для дзвінка,
— для написання листа.
Усі елементи вирівняні по центру сторінки, картинки мають декоративні рамки та підписи, посилання працюють як завантаження та контакти.

Щоб завантажити, клікніть правою кнопкою миші на зображення та оберіть «Зберегти як…».
PNG: 


Завдання 2
Переписати текст, та виконати завдання як на картинці.
body: фон сторінки зроблений за допомогою зображення background.png.
a (посилання): без підкреслення (text-decoration: none), розмір шрифту 50px, колір тексту чорний (black), рамка чорного кольору 5px solid black.
Псевдокласи посилань:
a:hover — при наведенні змінюється фон (background-color: burlywood) та рамка на коричневу (5px solid brown).
a:focus — коли посилання отримує фокус, рамка стає синьою (5px solid blue), фон сірий (gray), текст білий.
a:active — при натисканні рамка чорна (5px solid black), фон коричневий (brown), текст білий, кути округлені (border-radius: 20px).
У тілі сторінки:
Заголовок h1 "Шкільні предмети" розташований по центру.
Заголовок h3 "Виберіть свій улюблений предмет:" також по центру.
Абзаци p містять посилання на шкільні предмети:
1 рядок: Математика, Фізика
2 рядок: Хімія, Біологія
3 рядок: Фізкультура, Малювання
Посилання відкриваються в новій вкладці (target="_blank") і оформлені великим шрифтом та рамками, з ефектами при наведенні, фокусі та натисканні.
Математика - https://en.wikipedia.org/wiki/Mathematics
Фізика - https://en.wikipedia.org/wiki/Physics
Хімія - https://en.wikipedia.org/wiki/Chemistry
Біологія - https://en.wikipedia.org/wiki/Biology
Фізкультура - https://en.wikipedia.org/wiki/Physical_education
Малювання - https://en.wikipedia.org/wiki/Visual_arts
a (посилання): без підкреслення (text-decoration: none), розмір шрифту 50px, колір тексту чорний (black), рамка чорного кольору 5px solid black.
Псевдокласи посилань:
a:hover — при наведенні змінюється фон (background-color: burlywood) та рамка на коричневу (5px solid brown).
a:focus — коли посилання отримує фокус, рамка стає синьою (5px solid blue), фон сірий (gray), текст білий.
a:active — при натисканні рамка чорна (5px solid black), фон коричневий (brown), текст білий, кути округлені (border-radius: 20px).
У тілі сторінки:
Заголовок h1 "Шкільні предмети" розташований по центру.
Заголовок h3 "Виберіть свій улюблений предмет:" також по центру.
Абзаци p містять посилання на шкільні предмети:
1 рядок: Математика, Фізика
2 рядок: Хімія, Біологія
3 рядок: Фізкультура, Малювання
Посилання відкриваються в новій вкладці (target="_blank") і оформлені великим шрифтом та рамками, з ефектами при наведенні, фокусі та натисканні.
Математика - https://en.wikipedia.org/wiki/Mathematics
Фізика - https://en.wikipedia.org/wiki/Physics
Хімія - https://en.wikipedia.org/wiki/Chemistry
Біологія - https://en.wikipedia.org/wiki/Biology
Фізкультура - https://en.wikipedia.org/wiki/Physical_education
Малювання - https://en.wikipedia.org/wiki/Visual_arts

Щоб завантажити, клікніть правою кнопкою миші на зображення та оберіть «Зберегти як…».
Фон: 
Завдання 3
Виконайте завдання на свій розсуд, дотримуючись умов.
table, td, th: рамка 2px solid чорний, border-collapse: collapse для об’єднання меж, вирівнювання по центру.
table: фон світло-зелений (#e0ffe0), ширина 80%, розмір шрифту 18px
caption: фоновий колір darkgreen, текст білий, розмір шрифту 26px
th: фоновий колір #4CAF50, текст білий
img: ширина 150px, висота авто
У тілі сторінки:
Створіть таблицю з тегом <table align="center" cellpadding="5">.
Додайте підпис через <caption> із назвою "Досьє на Кріпера (Minecraft)".
Перший рядок таблиці має містити зображення Кріпера зліва (воно займає кілька рядків), а праворуч — заголовок «Загальна інформація», який розтягується на кілька стовпців.
У наступних рядках цього блоку подайте інформацію у вигляді: назва параметра + його значення (наприклад: Назва, Походження, Тип, Особливість).
Додайте окремий рядок-заголовок «Характеристики».
У цьому розділі зліва зазначте категорії («Сильні сторони», «Слабкі сторони»), а справа розмістіть кілька характеристик, щоб вони займали широку частину таблиці.
Для зображення обов’язково вкажіть alt, а для даних можна використати додаткові атрибути, наприклад title.
Посилання на картинку Кріпера:
https://minecraft.wiki/images/thumb/Creeper_JE3_BE1.png/300px-Creeper_JE3_BE1.png?dc7b2
Додатково:
Створіть блок «Статистика» та додайте рядки з:
- Здоров’ям (20, або 10 сердечок),
- Шкодою (до 49 залежно від складності),
- Швидкістю (середня, але безшумна),
- Дропом після смерті (порох, музичний диск).
Використовуйте об’єднання клітинок за допомогою rowspan і colspan
table: фон світло-зелений (#e0ffe0), ширина 80%, розмір шрифту 18px
caption: фоновий колір darkgreen, текст білий, розмір шрифту 26px
th: фоновий колір #4CAF50, текст білий
img: ширина 150px, висота авто
У тілі сторінки:
Створіть таблицю з тегом <table align="center" cellpadding="5">.
Додайте підпис через <caption> із назвою "Досьє на Кріпера (Minecraft)".
Перший рядок таблиці має містити зображення Кріпера зліва (воно займає кілька рядків), а праворуч — заголовок «Загальна інформація», який розтягується на кілька стовпців.
У наступних рядках цього блоку подайте інформацію у вигляді: назва параметра + його значення (наприклад: Назва, Походження, Тип, Особливість).
Додайте окремий рядок-заголовок «Характеристики».
У цьому розділі зліва зазначте категорії («Сильні сторони», «Слабкі сторони»), а справа розмістіть кілька характеристик, щоб вони займали широку частину таблиці.
Для зображення обов’язково вкажіть alt, а для даних можна використати додаткові атрибути, наприклад title.
Посилання на картинку Кріпера:
https://minecraft.wiki/images/thumb/Creeper_JE3_BE1.png/300px-Creeper_JE3_BE1.png?dc7b2
Додатково:
Створіть блок «Статистика» та додайте рядки з:
- Здоров’ям (20, або 10 сердечок),
- Шкодою (до 49 залежно від складності),
- Швидкістю (середня, але безшумна),
- Дропом після смерті (порох, музичний диск).
Використовуйте об’єднання клітинок за допомогою rowspan і colspan

build info
- compiler
- 2.0.5.1 · 4054EF9BF6C4510A
- built
- 2026-11-08 14:31:25 UTC
WebUniverse