- •Саратовский государственный технический университет
- •Часть 2. Создание web-страниц с использованием Java Script
- •Часть 3. Создание интерактивного web-приложения на основе технологии «клиент-сервер» с использованием графического интерфейса
- •Литература
- •Введение
- •1. Просмотр web-страниц
- •2. Основные сведения о языке html
- •3. Структура документа html
- •4. Форматирование текста
- •5. Управление цветом
- •6. Элементы, расширяющие возможности языка
- •6.1.Горизонтальная линия
- •6.2.Бегущая строка
- •7.Вставка гипертекстовых ссылок
- •7.1. Вставка графического изображения в ссылку
- •7.2. Локальные ссылки внутри документа
- •8. Размещение графических и видеоизображений
- •8.1. Сегментированные графические изображения - ссылки
- •Прозрачные изображения
- •Вставка видеофрагментов
- •9.Таблицы
- •Заголовок таблицы
- •10.Фреймы
- •Плавающие фреймы
- •11.Формы
- •Практическая часть
- •Содержание отчета
- •Литература
5. Управление цветом
Атрибуты color и bgcolor является общим для многих тегов HTML. Они могут определять цвет фона или шрифта в том или ином элементе web-станицы. Значение атрибута color (bgcolor) может задаваться либо названием цвета: color=’’цвет’’, либо тремя шестнадцатиричными числами, кодирующими интенсивность красного, зеленого и синего цветов: color=’’#RRGGBB’’.
Соответствие названий цветов и их кодов приведены в табл. 2:
Таблица 2
Русское название |
Английское название |
RGB-код |
аквамарин |
aqua |
#00FFFF |
белый |
white |
#FFFFFF |
желтый |
yellow |
#FFFF00 |
зеленый |
green |
#008000 |
каштановый |
maroon |
#800000 |
красный |
red |
#FF0000 |
оливковый |
olive |
#808000 |
светло-зеленый |
lime |
#00FF00 |
серебристый |
silver |
#C0C0C0 |
серый |
gray |
#808080 |
сизый |
teal |
#008080 |
синий |
blue |
#0000FF |
ультрамарин |
navy |
#000080 |
фиолетовый |
purple |
#800080 |
фуксиновый |
fuchsia |
#FF00FF |
черный |
black |
#000000 |
6. Элементы, расширяющие возможности языка
6.1.Горизонтальная линия
При оформлении Web- страниц часто используется такой прием, как разделение параграфов горизонтальной линией. Если вы вставили горизонтальную линию при помощи команды HTML, браузер может изобразить ее в красивом трехмерном виде с тенями. Для того чтобы включить в документ HTML горизонтальную разделительную линию, вы должны использовать тег HR, не имеющий завершающего.
Этот тег имеет ряд атрибутов, определяющих внешний вид линии (табл. 3).
Таблица 3
Атрибут |
Описание |
align |
Определяет выравнивание линии, имеет значения left, center, right. По умолчанию линия центрируется. |
color |
Цвет разделительной линии |
noshade |
Если указан этот параметр, линия изображается плоской, без трехмерного выделения тенями. |
size |
Высота разделительной линии в пикселях. |
width |
Ширина линии. Может указываться либо в пикселях, либо в процентном отношении от ширины окна. Если используется второй способ, после числа, задающего значение параметра, должен находиться символ процента %. |
6.2.Бегущая строка
С помощью оператора MARQUEE, который используется в паре с оператором /MARQUEE, можно разместить на экране бегущую строку, например:
MARQUEEБегущая строка...Бегущая строка... /MARQUEE
Тег MARQUEE имеет атрибуты:
bgcolor=’’цвет’’ - задает фоновый цвет строки в виде цветной полосы, вдоль которой бежит текст;
height= X, где Х имеет значение высоты строки в пикселях (наиболее удобно использовать Х в диапазоне от 30 до 50) или height= Y%, где Y обозначает процентную долю высоты строки от высоты видимой части гипертекста внутри окна броузера;
direction = ‘’left’’ или direction = ‘’right’’ - направление движения строки;
поведение строки задается атрибутом behavior со значениями: ’’scroll’’ - обычная бегущая строка, как на табло; ‘’slide’’ - строка появляется из-за края окна, достигает противоположного и останавливается; ‘’alternate’’ - строка движется вправо и влево, «отражаясь» от краев окна.
width - ширина строки. Значения этого атрибута аналогичны одноименному атрибуту тега <HR> (см. табл.3).
loop = Число - количество проходов строки по экрану.
Например: MARQUEE bgcolor=’’red’’ behavior=’’alternate’’ loop=9 width=50% Бегущий текст /MARQUEE