Создание обычной гиперссылки.
В Интернете размещены миллионы электронных документов, часто похожих по тематике и ориентированных на одну и ту же пользовательскую аудиторию. Переход на другие документы казался бы делом трудным и утомительным, если бы не возможность связывания одного HTML-документа с другим с помощью гипертекстовых ссылок.
По сути, любая гипертекстовая ссылка-это указатель адреса в глобальной сети, по которому можно моментально перейти из окна браузера. Успешный переход по ссылке возможен в двух случаях: если ресурс, на который ссылается документ, существует и если структура гиперссылки верна с точки зрения HTML.
Структура гиперссылок
Любая гиперссылка состоит из двух важных частей: указателя ссылки и адреса ресурса, на который необходимо осуществить переход. Внешнее отличить гиперссылку от обычного текста очень просто: при наведении курсора мыши на ссылку указатель принимает вид руки с указательным пальцем, как бы показывающим, что этот текст содержит гиперссылку. Сама ссылка подчеркивается (если указателем является текст).
В качестве ссылки может выступать текст (отдельное слово, фразы и даже целые страницы текста) и графические изображения. В ряде случаев возможно объединение графики и текста в рамках единого указателя ссылки. Указатель ссылки описывается тэгом <A>, а адрес перехода реализуется с помощью параметра HREF значением которого является путь к тому или иному Интернет-ресурсу (закрывающий тэг </A> является обязательным). Ссылки HTML позволяют связать текст или картинку с другими гипертекстовыми документами. Текст, как правило, выделяется цветом или оформляется подчеркиванием. Вот обычная конструкция ссылки:
<A HREF="URL" TARGET="Окно" TITLE="Подсказка">Название ссылки</A>
Параметры элемента <A> представлены в таблице:
Атрибут | Функция |
HREF | URL (унифицированный локатор ресурсов) - адрес любого файла в Интернете. Может быть абсолютным, то есть указывается полный адрес странички (например, http://lenininc.narod.ru/index.html) и относительным, как видно из названия указывается файл относительно текущего (например, index.html). |
TARGET | Определяет, в каком окне (фрейме) загрузить гиперссылку. Может иметь значения: top - загружает гиперссылку на всем пространстве окна браузера (если до этого существовало разбиение на фреймы, то оно исчезнет). blank - загружает гиперссылку в новом окне браузера. self – загружает содержимое страницы в окно, которое содержит эту ссылку (и так используется по умолчанию, так что если вам надо именно так загрузить ссылку, то параметр target вообще можно не использовать). parent - загружает содержимое страницы, заданной ссылкой, в окно, являющееся непосредственным владельцем набора фреймов. |
TITLE | Текст подсказки, который будет появляться при наведении мышки на гиперссылку. Параметр не обязательный. |
Графический файл в роли ссылки.
Гиперссылкой можно сделать и любой графический файл, поддерживающийся Обозревателем (традиционно - *.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>. |
Фильтры.