Управление цветом фона и шрифта, вставка графических
реклама
Управление цветом фона и шрифта, вставка графических изображений Изменение цвета шрифта • Для изменения цвета шрифта целиком для всей web-страницы необходимо в дескрипторе <body> прописать атрибут text • и указать в нем цвет шрифта либо в виде 16-тиричного кода, либо в виде стандартного названия. • <body text=“#RGB"> red Изменение цвета фона • <body bgcolor=" #RGB" > • или • <body background=" fon.jpg" > Рисунки\fon.jpg Изменение цвета ссылок Link – цвет непосещенных гиперссылок Alink - цвет активных гиперссылок Vlink - цвет посещенных гиперссылок например, <body link=" red" vlink=" gray" alink=" green" > Изменение размера шрифта • Для изменения размера шрифта, целиком для всей страницы используется элемент basefont. Атрибут size позволяет изменить размер шрифта текста. Чем крупнее шрифт, тем более легким для восприятия становится текст страницы. С другой стороны, мелкий шрифт позволяет уместить в пределах одного экрана большой объем информации. • <BASEFONT SIZE=" 1" > • В вашем распоряжении имеется 7 доступных размеров шрифтов. Самый мелкий размер обозначается числом 1, а самый крупный – 7. Изменение размера шрифта • Применение же атрибута SIZE совместно с дескриптором <FONT> позволяет воздействовать на внешний вид отдельного фрагмента текста. Также, как и в предыдущем случае в вашем распоряжении имеется 7 доступных размеров шрифтов. • Следует различать записи <FONT SIZE= "1"> и < FONT SIZE= "+1"> в первом случае указывается абсолютный размер шрифта, а во втором относительный размер. Соответственно, для временного уменьшения размера шрифта относительно предыдущего можно использовать <FONT SIZE= "-1">. Изменение размера шрифта • А применение атрибута FACE совместно с дескриптором <FONT> позволяет воздействовать на гарнитуру шрифта, т.е. на сам текст. Шрифты необходимо перечислять через запятую, если первый шрифт не распознается, вторым должен идти тот шрифт, который в любом случае правильно интерпретируется браузером. Например, <font face=“Corrida,Arial”> Изменение цвета шрифта • Для изменения цвета отдельного фрагмента текста используется атрибут COLOR в дескрипторе <FONT>. В качестве задания цвета используется либо стандартное указание цвета шрифта, либо его значение в 16-ом коде. • Например, <font color=“blue”> Вставка графических изображений • Дескриптор <IMG> позволяет вставить в текст WEB-страницы графическое изображение. • Позаимствовать графические объекты можно либо на сайтах, либо отсканировав изображение преобразовав его в электронный формат. Главное, стараться по возможности использовать графические файлы небольших размеров, чтобы сократить время передачи информации. Вставка графических изображений • Некоторые пользователи применяют WEBбраузеры, действующие исключительно в текстовом режиме, а другие просто отключают соответствующие функции программы, стремясь увеличить скорость работы. • Атрибут ALT используется для задания текста, который при необходимости должен быть отображен вместо графического клипа. В этом случае читателю предлагается альтернатива текста, заменяющего отсутствующее на экране изображение. Вставка графических изображений • Чтобы разместить на WEB-странице графическое изображение, следует указать имя и место хранения соответствующего файла. Если графический файл располагается в той же папке, что и файл страницы, достаточно указать только его имя. А если файл находится во вложенной папке, следует задать название этой папки и имя файла. • Атрибут BORDER позволяет заключить графическое изображение, помещенное на WEB-странице, в цветную рамку. Рамка придает изображению четкость и улучшает вид страницы. BORDER="3", чтобы удалить данную рамку, достаточно указать значение толщины, равное 0. Вставка графических изображений • Атрибут ALIGN дает возможность разместить текст на WEB-странице между двумя графическими изображениями. Дескрипторы, описывающие изображения, должны быть расположены над текстом, который подвергается форматированию. • <IMG SRC="3star.gif" ALIGN="LEFT"> • <IMG SRC="3star.gif" ALIGN="RIGHT"> Вставка графических изображений • Атрибут ALIGN со значениями top (сверху), middle (посередине) и bottom (снизу) позволяет задавать вертикальное положение фрагмента текста относительно границ соседнего графического изображения. • <P><IMAGE SRC="18.gif" ALIGN="top"> Этот текст выровнен по верхней кромке изображения </P> • <P><IMAGE SRC="18.gif" ALIGN="middle"> Этот текст выровнен по средней оси изображения </P> • <P><IMAGE SRC="18.gif" ALIGN="bottom"> Этот текст выровнен по нижней кромке изображения </P> Вставка графических изображений • По умолчанию в окне WEB-броузера графические изображения отделяются от остальных элементов страницы пустой каймой шириной в несколько экранных пикселей. Увеличение размеров каймы способно значительно улучшить вид страницы и облегчить восприятие ее содержимого. • Атрибут HSPACE предоставляет возможность задания ширины чистой области слева и справа от изображения, а атрибут VSPACE управляет значение высоты пустых полос сверху и снизу. Вставка графических изображений • Атрибуты WIDTH и HEIGHT позволяют увеличить или уменьшить размеры графического изображения на странице, воспроизводимой в окне броузера. Задавая размеры изображения, указывайте нужные значения в экранных пикселях или процентах относительно текущих габаритов окна броузера. Вставка графических изображений • Таким образом получаем запись вида: • <IMG SRC="3star.gif" ALIGN="LEFT " ALT="Звезды" BORDER="3" HSPACE="2" VSPACE="3" WIDTH="50%" HEIGHT="250">
