Урок 25.03.18 - завдання 1, 2

Post on 01 квітня 2018

by Super User

in Уроки HTML

Завдання 1 і 2 для уроку 25 березня 2018 р. Завдання 1.

1. Запустити HTML-редактор Notepad++

2. Створити новий документ, зберегти його з іменем index1.html

3. Набрати код:

<!DOCTYPE HTML>

<html lang="uk">

<head>

<meta charset="utf-8">

<title>Скоро у кіно - мультфільм Дикі предки</title>

</head>

<body>

<h1>Дикі предки</h1>

<h2>мультфільм</h2>

<p>Тисячі років тому на Землі жили наші найдавніші предки. <br>

Один з них - печерна людина Даг.<br>

Щоб перемогти свого ворога - Лорда Нута - він повинен виграти у невідому гру з м'ячем.<br>

Але це простіше сказати, ніж зробити.</p>

</body>

</html>

4. Зберегти код і переглянути результат у Сhrome.

Завдання 2.

(щоб виконати, дивіться у статтю "Шпаргалка HTML" http://it-shkola.in.ua/uroky-html/99-shparhalka-po-html )

1. Запустити HTML-редактор Notepad++

2. Створити новий документ, зберегти його з іменем index2.html

3. Створити основу html

4. Вказати мову сторінки - українська (підказка: <html lang="uk">)

5. Вказати кодування сторінки UTF-8 між тегами <head></head> (підказка: <meta charset="utf-8">)

6. Вказати заголовок сторінки Скоро у кіно - мультфільм Дикі предки (підказка: <title>Скоро у кіно - мультфільм Дикі предки</title>)

7. Вказати фон сторінки #0eb6fc (підказка: <body bgcolor="#0eb6fc">)

8. Вказати найголовніший заголовок першого рівня Дикі предки , і вирівняти його по центру (підказка: <h1 align="center">Дикі предки</h1>)

9. Вказати заголовок 2 рівня мультфільм і вирівняти його по центру (підказка: <h2 align="center">мультфільм</h2>)

10. Створити абзац, вирівняти його по центру і набрати у ньому текст:

Тисячі років тому на Землі жили наші найдавніші предки. Один з них - печерна людина Даг. Щоб перемогти свого ворога - Лорда Нута - він повинен виграти у невідому гру з м'ячем. Але це простіше сказати, ніж зробити.

(підказка: <p align="center">Тут набрати текст</p>)

11. Вставити розрив абзаца після кожного речення тексту (підказка: <br>)