Графический файл в роли ссылки.
Гиперссылкой можно сделать и любой графический файл, поддерживающийся Обозревателем (традиционно - *.gif, *.jpg.). Для этого вместо названия ссылки нужно прописать графический элемент (Параметр TITLE должен быть только у рисунка):
<A HREF="URL" target="Окно"> <img border="0" src="Рисунок" width="Ширина" height="Высота" TITLE="Подсказка”></A>
Ссылки и цвет.
Для того, чтобы при наведении на ссылку курсором и при клике на нее она меняла свой цвет, в тэг <BODY> нужно добавить еще несколько параметров.
Атрибут |
Функция |
TEXT |
Цвет текста. |
VLІNK |
Цвет гипертекстовой связи, уже посещенной прошлом. У программы просмотра есть такое свойство-она помечает другим цветом те ссылки, которые уже просмотрены. Однако с помощью вы можете принудительно поставить свой цвет. |
LІNK |
Цвет гипертекстовой связи. |
ALІNK |
Цвет активной ссылки, когда подводиться к ней курсор. |
<BODY text="black" link="blue" vlink="purple" alink="red">
Данные атрибуты определяют свойства для всего документа. Поместив такой код в HTML страницу, уже не надо будет назначать каждый раз цвет шрифту, т.к везде он будет таким, каким определен в тэге <BODY>.
Горизонтальные линии.
Тэг HR (Horisontal Rule) вставляет в текст горизонтальную разделительную линию. Может иметь следующие атрибуты:
Атрибут |
Функция |
WIDTH |
Определяет длину линии в пикселях или процентах от ширины окна Обозревателя. |
SIZE |
Определяет толщину линии в пикселях. |
ALIGN |
Определяет выравнивание горизонтальной линии. Параметр может принимать следующие значения: left - выравнивание по левому краю документа. right - выравнивание по правому краю документа. center - выравнивание по центру документа (используется по умолчанию). |
NOSHADE |
Определяет способ закраски линии как сплошной. Параметр является флагом и не требует указания значения. Без данного параметра линия отображается объемной. |
COLOR |
Определяет цвет линии. Работает только в Internet Explorer. |
Примеры линий:
<HR>
<HR WIDTH="50%" ALIGN="left" SIZE="0">
<HR WIDTH="80%" SIZE="3">
<HR NOSHADE WIDTH="80%" SIZE="20">
<HR NOSHADE WIDTH="80%" COLOR="Blue" SIZE="8">
Вместо линии можно реализовать и квадрат:
<HR NOSHADE ALIGN="left" WIDTH="18" COLOR="Red" SIZE="18">
Расположить несколько квадратов в одну строку, к сожалению, нельзя.
Бегущая строка
Очень интересное графическое решение, которое может украсить вашу страничку,-это бегущая строка. Но перед тем как использовать ее, тщательно продумайте текст и место бегущей строки. Тэгом, создающим бегущую строку, является главной и единственный тэг <MARQUEE> … </MARQUEE>
На место (…) подставляется любое слово или фраза, которую надо заставить бежать по экрану компьютера. Направление движения бегущей строки можно менять. Для этого применяется специальный атрибут направления. В том случае, если бегущую строку нужно направить справа налево, тэг принимает вид <MARQUEE DIRECTION= “left”> текст </MARQUEE>.
Тэг сохранит движение слева направо, если использовать значение right: <MARQUEE DIRECTION= “right”> текст </MARQUEE>.
Чтобы задавать характер движения надписи по странице, применяется другая группа атрибутов.
Атрибут |
Функция |
SCROLL |
Стандартное движение от правого края к левому. Этот атрибут организует бесконечный цикл. Число циклов можно ограничить, введя оператор LOOP, : <MARQUEE LOOP= “n” BEHAVIOR= “scroll”> текст </MARQUEE>. Значение n оператора LOOP указывает число повторений цикла. |
SLIDE |
Надпись один раз пробегает от правого края к левому и там остается. <MARQUEE BEHAVIOR= “slide”> текст </MARQUEE>. |
ALTERNATE |
Движение от правого края страницы к левому и обратно. Бесконечный цикл. <MARQUEE BEHAVIOR= “alternate”> текст </MARQUEE>. |