| Уроки HTML |
| Цвет текста и заднего фона HTML |
В предыдущих уроках уже приводились примеры, того как задавать цвет тексту. В этом уроке будет более подробно рассмотрено, как задать цвет тексту и как задать цвет заднего фона текста в HTML.
Цвет текста и цвет заднего фона задаются с помощью CSS атрибутов color и background-color. Это может быть как название цвета, например – Black; Green; WhiteSmoke;
Так и html-код цвета (который вы можете сгенерировать при помощи генератора цветов HTML).
Напишем код, в котором зададим заголовку и каждой строчке текста свой цвет.
<html>
<head>
<title>HTML цвет текста</title>
</head>
<body>
<h2 style="color: Green">Заголовок 2-го уровня</h2>
<p style="color: #AFADA6 ">Первая строка </p>
<p style="color: #128DFF ">Вторая строка</p>
<p style="color: #FB0ED4 ">Третья строка</p>
</body>
</html>
Заголовок 2-го уровня
Первая строка
Вторая строка
Третья строка
После этого напишем код, в котором зададим цвет текста и заднего фона для заголовка и текста. В коде вы встретите тег <pre> - об этом теге говорится в предыдущем уроке
<title>HTML, фон, текст, цвет</title>
</head>
<body>
<h1 style="background-color: #E1F896; color: Black">Поэзия</h1>
<p style="background-color: #F7EBCC; color: #66BC29">стихотворение про дифракцию</p>
<pre style="background-color: #E5ECEB">
Как увидишь над пашнею радугу -
Атмосферы родимой явление,
Так подумаешь, мать твою за ногу
И застынешь в немом изумлении.
Очарован внезапною прелестью,
Елки, думаешь, где ж это, я?
И стоишь так с отвисшею челюстью,
Но потом понимаешь: ДИФРАКЦИЯ.
</pre>
</body>
</html>
Поэзия
стихотворение про дифракцию
Как увидишь над пашнею радугу - Атмосферы родимой явление, Так подумаешь, мать твою за ногу И застынешь в немом изумлении. Очарован внезапною прелестью, Елки, думаешь, где ж это, я? И стоишь так с отвисшею челюстью, Но потом понимаешь: ДИФРАКЦИЯ.
| ◄ Предыдущий урок | Содержание | Следующий урок ► |
