- •Основы создания Web – страниц на языке html практическое пособие
- •Введение
- •1. Основные понятия
- •Структурные теги
- •Элементы форматирования на уровне блоков
- •2. Работа с текстом
- •Форматирование текста
- •Комментарии
- •Форматирование шрифта
- •Цветовая гамма html-документа
- •3. Списки
- •4. Гиперссылки в нтмl – документе. Изображения Использование гиперссылок
- •Добавление графических изображений в html-документы
- •Height указывает высоту изображения в пикселях или процентах
- •5. Таблицы
- •6. Формы
- •Как устроена форма
- •Простейшая форма
- •Как форма собирает данные
- •7. Фреймы
- •Типовое задание
- •Практические задания
- •Использование обязательных тегов. Выравнивание абзацев
- •Форматирование текста
- •Формирование списков
- •Создание гиперссылок и вставка графических изображений
- •Организация и форматирование таблиц
- •Построение форм
- •Организация фреймов
- •Контрольная работа
- •Приложение1
- •Приложение2 Краткая справка тегов
- •Литература
Цветовая гамма html-документа
Использование ключевого слова color тега <font> дает возможность задавать цвет текста (шрифта). Атрибут color может использовать либо название цвета, либо его шестнадцатеричную форму. Цвет кодируется последовательностью из трех пар символов. Каждая пара представляет собой шестнадцатеричное значение насыщенности заданного цвета одним из трех основных цветов (красным, зеленым и синим) в диапазоне от нуля (00) до 255 (FF). В HTML шестнадцатеричные цвета обозначаются знаком "решетка"(#)
Например:<font color="red">, либо < font color="#800080">
Цвета, их название и шестнадцатеричный код приведены в таблице:
-
Код
Цвет
Значение
#000000
ЧЕРНЫЙ
black
#FFFFFF
БЕЛЫЙ
white
#FF0000
КРАСНЫЙ
red
#008000
ЗЕЛЕНЫЙ
green
#0000FF
СИНИЙ
blue
#808000
ОЛИВКОВЫЙ
olive
#FFFF00
ЖЕЛТЫЙ
Yellow
#C0C0C0
СЕРЕБРИСТЫЙ
Silver
#808080
СЕРЫЙ
Gray
#FF00FF
ФУКСИНОВЫЙ
Fuchsia
#000080
УЛЬТРАМАРИН
Navy
#008080
СИЗЫЙ
Teal
#00FF00
СВЕТЛО-ЗЕЛЕНЫЙ
Lime
#800080
ПУРПУРНЫЙ
Purple
#800000
КАШТАНОВЫЙ
maroon
Цвет фона задается атрибутом bgcolor в теге <body>.
Например: <body bgcolor="green" >
.
Цветовая гамма HTML-документа определяется также атрибутами, размещенными внутри тега <body>. Вот список этих атрибутов:
text определяет цвет текста документа;
link определяет цвет выделенного элемента текста, при нажатии на который происходит переход по гипертекстовой ссылке;
vlink определяет цвет ссылки на документ, который уже был просмотрен ранее;
alink определяет цвет ссылки в момент, когда на нее указывает курсор мыши и нажата ее правая кнопка, то есть непосредственно перед переходом по ссылке.
Например:<body text=lime> меняет цвет всего текста на светло-зеленый.
Разберем несколько примеров, в которых нестандартный цвет задается с помощью шестнадцатеричного кода:
bgcolor=#FFFFFF цвет фона. Насыщенность красным, зеленым и синим одинакова- FF (это шестнадцатеричное представление числа 255). Результат - белый цвет.
text=#000000 цвет текста. Насыщенность красным, зеленым и синим одинакова - 00 (ноль). Результат - черный цвет.
link=#FF0000 цвет гипертекстовой ссылки. Насыщенность красным — FF (255), зеленым и синим - 00 (ноль). Результат - красный цвет.
Кроме того, тег <body> может включать атрибут background="[имя файла]", который задает изображение, служащее фоном для текста и других изображений. Как и любое другое изображение, фон должен быть представлен в формате GIF (файл с расширением *.gif) или JPEG (файл с расширением *.jpg или *.jpeg).
Браузеры заполняют множественными копиями изображения-фона все пространство окна, в котором открыт документ, подобно тому, как при строительстве большие пространства стен покрывают маленькими (и одинаковыми) плитками.
Важно отметить, что цвет фона и изображение-фон никак не отображаются на бумаге при выводе HTML-документа на печать. Из этого есть одно важное практическое следствие: старайтесь не использовать текст белого цвета.
Пример использования цветовой гаммы:
<html>
<head>
<title>Использование цветовой гаммы Пример 7</title>
</head>
<!--Цвет фона серебристый, цвет текста синий-->
<body bgcolor=silver text=blue>
<font size=6 color="red"><b>Ф</b></font>
<font size=5><i>ормат<Font color="green"><Sub>ирование</sub></i>
<font size=2 color="black">т</font>
<font size=3 color="red">е</font>
<font size=4 color="black">к</font>
<font size=5 color="red">с</font>
<font size=6 color="black"></font>т
<font size=7 color="red">а</font>
<body>
</html>