WebUniverseЗавдання 1
Переписати текст, та виконати завдання як на картинці.
body: фон сторінки зображення (Фон), повторення фону – no-repeat.
h1, h2: шрифт Monotype Corsiva, колір білий.
hr: висота – 5px, колір фону – aqua.
.gifs: рамка – 5px outset purple, заокруглення кутів – 50px, ширина – 250px, висота – 200px.
.types: ширина – 200px, висота – 300px.
У тілі сторінки:
Створіть заголовок h1 з текстом "Квітковий магазин".
Додайте горизонтальну лінію до і після заголовка.
Вставте у <p> 5 анімованих зображень з класом gifs.
Додайте підзаголовок h2 з текстом "Популярні види квітів: Нижче ви побачите види квітів, які користуються популярністю."
Додайте горизонтальну лінію до і після підзаголовка.
Вставте у <p> 7 зображень квітів з класом types.
Використовуємо вирівнювання align="center" за необхідності.
h1, h2: шрифт Monotype Corsiva, колір білий.
hr: висота – 5px, колір фону – aqua.
.gifs: рамка – 5px outset purple, заокруглення кутів – 50px, ширина – 250px, висота – 200px.
.types: ширина – 200px, висота – 300px.
У тілі сторінки:
Створіть заголовок h1 з текстом "Квітковий магазин".
Додайте горизонтальну лінію до і після заголовка.
Вставте у <p> 5 анімованих зображень з класом gifs.
Додайте підзаголовок h2 з текстом "Популярні види квітів: Нижче ви побачите види квітів, які користуються популярністю."
Додайте горизонтальну лінію до і після підзаголовка.
Вставте у <p> 7 зображень квітів з класом types.
Використовуємо вирівнювання align="center" за необхідності.
Щоб завантажити, клікніть правою кнопкою миші на зображення та оберіть «Зберегти як…».
Фон: 
GIF: 
PNG: 
Завдання 2
Переписати текст, та виконати завдання як на картинці.
body: фон сторінки світло-жовтий #FFF9CC, шрифт "Arial";
h1: колір darkgreen, фон #E6FFE6, шрифт "Comic Sans MS", розмір 36px;
h2: шрифт Georgia, розмір 28px, колір darkorange;
p: розмір шрифту 20px;
img: ширина 250px, висота 150px, рамка 3px solid brown, border-radius 10px;
У тілі сторінки:
Створіть заголовок h1 з назвою "Мій улюблений тваринний світ";
Додайте підзаголовок h2 з текстом "Домашні тварини";
Вставте два зображення домашніх тварин: корова (align="left") та курка (align="right");
Додайте абзац p між зображеннями з описом корови та курки (align="center");
Вставте <br clear="all">.
Додайте підзаголовок h2 з текстом "Дикі тварини";
Вставте два зображення диких тварин: вовк (align="left") та ведмідь (align="right");
Додайте абзац p між зображеннями з описом вовка та ведмедя (align="center");
Використовуємо вирівнювання align="center" за необхідності.
Посилання на картинки:
Корова - https://upload.wikimedia.org/wikipedia/commons/0/0c/Cow_female_black_white.jpg
Кури - https://upload.wikimedia.org/wikipedia/commons/thumb/b/b0/Hen_Comb_%28cropped%29.jpg/1280px-Hen_Comb_%28cropped%29.jpg
Вовк - https://upload.wikimedia.org/wikipedia/commons/thumb/a/a3/Eurasian_Wolf_in_Skansen_Zoo_1.jpg/1920px-Eurasian_Wolf_in_Skansen_Zoo_1.jpg
Ведмідь - https://upload.wikimedia.org/wikipedia/commons/9/9e/Ours_brun_parcanimalierpyrenees_1.jpg
h1: колір darkgreen, фон #E6FFE6, шрифт "Comic Sans MS", розмір 36px;
h2: шрифт Georgia, розмір 28px, колір darkorange;
p: розмір шрифту 20px;
img: ширина 250px, висота 150px, рамка 3px solid brown, border-radius 10px;
У тілі сторінки:
Створіть заголовок h1 з назвою "Мій улюблений тваринний світ";
Додайте підзаголовок h2 з текстом "Домашні тварини";
Вставте два зображення домашніх тварин: корова (align="left") та курка (align="right");
Додайте абзац p між зображеннями з описом корови та курки (align="center");
Вставте <br clear="all">.
Додайте підзаголовок h2 з текстом "Дикі тварини";
Вставте два зображення диких тварин: вовк (align="left") та ведмідь (align="right");
Додайте абзац p між зображеннями з описом вовка та ведмедя (align="center");
Використовуємо вирівнювання align="center" за необхідності.
Посилання на картинки:
Корова - https://upload.wikimedia.org/wikipedia/commons/0/0c/Cow_female_black_white.jpg
Кури - https://upload.wikimedia.org/wikipedia/commons/thumb/b/b0/Hen_Comb_%28cropped%29.jpg/1280px-Hen_Comb_%28cropped%29.jpg
Вовк - https://upload.wikimedia.org/wikipedia/commons/thumb/a/a3/Eurasian_Wolf_in_Skansen_Zoo_1.jpg/1920px-Eurasian_Wolf_in_Skansen_Zoo_1.jpg
Ведмідь - https://upload.wikimedia.org/wikipedia/commons/9/9e/Ours_brun_parcanimalierpyrenees_1.jpg
Додатково:
- Вставте будь-яке зображення з інтернету, яке показує ваш улюблений предмет у школі, та додайте атрибут alt.
- Змініть розмір зображення за допомогою width або height на свій розсуд.
- Вирівняйте картинку по лівому, правому або середньому краю.
- Задайте фонове зображення для сторінки на свій розсуд.
- Виберіть, як фон повторюватиметься (repeat, no-repeat, repeat-x, repeat-y).
- Додайте рамку до картинки.
- Заокругліть кути картинки.
- Напишіть невеликий абзац про ваш улюблений предмет у школі.
build info
- compiler
- 2.0.5.1 · 4054EF9BF6C4510A
- built
- 2026-11-08 14:31:25 UTC