Лекция №2 -Оформление текста в HTML
.pdfЦвет фона HTML страницы и отдельных элементов
Определяем цвет фона для сайта, страниц и параграфов
<html>
<head>
<title>HTML фон</title>
</head>
<body style="color:Yellow; background-color:#66cc66">
<h1>Заголовок 1-го уровня</h1>
<p>Первый параграф</p> <p>Второй параграф</p>
<p style="color:#ffffff">Третий параграф</p>
</body>
</html>
Строка style="color:Yellow; background-color:#66cc66" в
теге <body> делает цвет фона
HTML страницы зеленым,
текст – желтым.
Цвет фона HTML страницы и отдельных элементов
Определим цвет фона для параграфов:
<p style="background-color:#ff9900" align="center">Первый параграф</p>
<p style="background-color:#417ed0" align="center">Второй параграф</p>
HTML фон - картинка определяется с помощью изображения
Например, у нас есть вот такая картинка:
<html>
<head>
<title>Картинка - фон в HTML</title>
</head>
<body style="background- image:url(../images/primer-img.jpg)">
<p>Какой-то произвольный текст.</p>
</body>
</html>
Атрибуты background, background-image, их
параметры и значения рассматриваются в CSS. Путь вывода картинки на
страницу, то есть →
../images/primer-img.jpg
HTML фон - картинка определяется с помощью изображения
Посмотреть результат в новом окне: