Main menu

  2. Головна
  3. Уроки CSS
  4. Урок "Види CSS, Фон. Текст" - завдання 1, 2

Мітки

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

Кольори html

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

Google Fonts

Урок "Види CSS, Фон. Текст" - завдання 1, 2

Post on 14 квітня 2018
by Super User
in Уроки CSS
Завдання 1 і 2 для уроку "Види CSS. Фон. Текст"
Завдання 1.
1. Запустити HTML-редактор Notepad++
2. Створити новий документ, зберегти його з іменем index1.html
3. Набрати код:
<!DOCTYPE HTML>
<html lang="uk">
<head>
<meta charset="utf-8">
<title>Кінотеатр онлайн</title>
<style>
p{
font-family: Comic Sans MS;
background-color:White;
}
h1{
background-color:White;
}
</style>
</head>
<body style="background-color:Navy;">
<h1 style="font-size: 30px; font-family:Arial;">Кінотеатр онлайн</h1>
<p>
<img src="http://goo.gl/sPqwE5" width="150px" style="float:left;">
Шерлок Гномс<br>
Гномео та Джульєтта переїжджають до Лондона.
<br clear="all">
</p>
</body>
</html>

Результат:


Завдання 2.
1. Запустити HTML-редактор Notepad++
2. Створити новий документ, зберегти його з іменем index2.html
3. Набрати код із завдання 1.
4. Змінити колір фону сторінки за допомогою вбудованого стилю: зробити колір фону White (білий) (підказка: style="background-color:white;")
5. Для заголовка першого рівня h1 вказати за допомогою вбудованого стилю:
   1) розмір шрифта 150%;
   2) накреслення шрифта Impact
   (підказка: style="font-size: 120%; font-family:Impact;")
6. Для h1 та p вказати за допомогою внутрішнього стилю:
   1) фон Navy (підказка: background-color:Navy;)
   2) колір шрифта White (підказка: color: white;)

Свіже