Колір тексту і фон в Html

Колір тексту і фон в html

Колір тексту в html

Для роботи з кольорами нам потрібна буде ПАЛІТРА (натисніть на слово для завантаження ).
Навіщо це? Це потрібно через те,що всі кольори мають свої позначення. Наприклад , чорний колір – #000000 . Давайте повернемося до нашої сторінки
Забарвимо слова “Привіт світ” в червоний колір.

<html>
<head>
<title>Колір тексту і фон в html</title>
</head>
<body>
<font color="#CC0000"> Привіт світ!</font>
</body>
</html>

Зберігаємо все це і переглядаємо у браузері.
 
Задання кольору тексту і фону в html
 
Як бачимо колір тексту змінився.

Color є атрибутом тегові font .Він встановлює колір тексту.
Обов’язково перед значенням кольору потрібен стояти знак « решітка » – # .
Після закінчення уроку проексперементуйте з кольорами.

Фон сторінки в html

Фон сторінки в html є дуже важливою річчю. Необхідно вміти його створювати.
Фон сторінки можна встановити за допомогою простого кольору або фонового зображення.
Для створення фону кольором необхідно до тегу <body> дописати атрибут bgcolor і призначити йому назву кольору(параметр).
Встановимо фоном сторінки темно-зелений колір:

<html>
<head>
<title>Фон в html</title>
</head>
<body bgcolor="#096628 ">
</body>
</html>

 

 
Визначення кольору тексту і фону в html
 

Фон сторінки за допомогою фонового зображення

Для цього у тегу <body> потрібно дописати атрибут background і вказати посилання на картинку фону у такому вигляді:

<body background="Hазва картинки.розширення">

Приклад:
Для початку завантажимо саму картинку(фонове зображення).Її ви можете створити власноруч у фото шопі або ж завантажити в інтернеті.У прикладі я буду використовувати ЦЕ ФОНОВЕ ЗОБРАЖЕННЯ (завантажте його).
Збережіть картинку в своїй папці та відкрийте Notepad++ .


<html>
<head>
<title>Фон в html</title>
</head>
<body background="fon.jpg">
</body>
</html>

Зберігаємо вашу веб-сторінку і переглядаємо у браузері:
 
Зміна кольору тексту і фону в html

Минулий урок

Наступний урок



Напишіть відгук



Go to Top