Main menu

  2. Головна
  3. Уроки HTML
  4. Урок 25.03.18 - завдання 3, 4

Мітки

Базовий html-код

Кольори html

Цвета HTML https://colorscheme.ru/html-colors.html 

Google Fonts

Урок 25.03.18 - завдання 3, 4

Post on 01 квітня 2018
by Super User
in Уроки HTML
Завдання 3 і 4 для уроку 25 березня 2018 р.
Завдання 3.
(щоб виконати, дивіться у статтю "Шпаргалка HTML" http://it-shkola.in.ua/uroky-html/99-shparhalka-po-html )
1. Запустити HTML-редактор Notepad++
2. Створити новий документ, зберегти його з іменем index3.html
3. Створити основу html
4. Вказати мову сторінки - українська (підказка: <html lang="uk">)
5. Вказати кодування сторінки UTF-8 між тегами <head></head> (підказка: <meta charset="utf-8">)
6. Вказати заголовок сторінки Скоро у кіно - мультфільм Дикі предки
7. Вказати фон сторінки #0eb6fc
8. Вказати найголовніший заголовок першого рівня Дикі предки , і вирівняти його по центру
9. Вказати заголовок 2 рівня мультфільм і вирівняти його по центру
10. Створити абзац, вирівняти його по центру і набрати у ньому текст:
Тисячі років тому на Землі жили наші найдавніші предки. Один з них - печерна людина Даг. Щоб перемогти свого ворога - Лорда Нута - він повинен виграти у невідому гру з м'ячем. Але це простіше сказати, ніж зробити.
11. Вставити розрив абзаца після кожного речення тексту.
12. Вказати шрифт для усієї сторінки Comic Sans MS 
13. Вказати для заголовка h1 колір #354510
14. Вказати для абзацу колір #7c5880
15. Після тексту вставити новий абзац, вирівняти його по центру, вставити малюнок (скачати малюнок за посиланням http://it-shkola.in.ua/images/html_lessons/25-03-18/1.jpg )
16. Вказати ширину малюнку 500px
 
Завдання 4.
(щоб виконати, дивіться у статтю "Шпаргалка HTML" http://it-shkola.in.ua/uroky-html/99-shparhalka-po-html )
1. Запустити HTML-редактор Notepad++
2. Створити новий документ, зберегти його з іменем index4.html
3. Створити основу html
4. Вказати мову сторінки - українська (підказка: <html lang="uk">)
5. Вказати кодування сторінки UTF-8 між тегами <head></head> (підказка: <meta charset="utf-8">)
6. Вказати заголовок сторінки Скоро у кіно - мультфільм Дикі предки
7. Вказати фон сторінки #0eb6fc
8. Вказати найголовніший заголовок першого рівня Дикі предки , і вирівняти його по центру
9. Вказати заголовок 2 рівня мультфільм і вирівняти його по центру
10. Вказати заголовок 3 рівня у кінотеатрах з 29 березня! , вирівняти його по центру і вказати колір "червоний"
11. Створити новий абзац і вставити у ньому два посилання:
1) на сайт Кіноафіша - посилання https://kinoafisha.ua/ua/films/pervi-cselovek
2) на сайт Вікіпедія - посилання https://uk.wikipedia.org/wiki/Перша_людина_(анімаційний_фільм,_2018)
12. Обидва посилання мають відкриватися у новому вікні.
13. Між посиланнями має бути кілька пробілів (підказка: один пробіл - це код &nbsp; )
14. Створити абзац, вирівняти його по центру і набрати у ньому текст:
Тисячі років тому на Землі жили наші найдавніші предки. Один з них - печерна людина Даг. Щоб перемогти свого ворога - Лорда Нута - він повинен виграти у невідому гру з м'ячем. Але це простіше сказати, ніж зробити.
15. Вставити розрив абзаца після кожного речення тексту.
16. Вказати шрифт для усієї сторінки Comic Sans MS 
17. Вказати для заголовка h1 колір #354510
18. Вказати для абзацу колір #7c5880
19. Після тексту вставити новий абзац, вирівняти його по центру, вставити малюнок (скачати малюнок за посиланням http://it-shkola.in.ua/images/html_lessons/25-03-18/1.jpg )
20. Вказати ширину малюнку 500px
 
 
 

Свіже