Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:

Лекция №2 -Оформление текста в HTML

.pdf
Скачиваний:
22
Добавлен:
16.03.2016
Размер:
2.17 Mб
Скачать

Цвет фона 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 фон - картинка определяется с помощью изображения

Посмотреть результат в новом окне: