Бегущая строка
Тег <marquee>...</marquee> – создает бегущую строку на странице.
На самом деле содержимое контейнера <marquee> не ограничивается строками и позволяет перемещать (скролировать) любые элементы веб-страницы – изображения, текст, таблицы, элементы форм и т.д.
Перемещение можно задать не только по горизонтали, но и вертикали, в этом случае указываются размеры области, в которой будет происходить движение.
Первоначально тег <marquee> был предназначен только для браузера Internet Explorer, но современные версии других браузеров также понимают и поддерживают этот тег.
Рассмотрим атрибуты тега <marquee>:
-
behavior="alternate | scroll | slide" - задает тип движения содержимого контейнера <marquee>;
-
alternate - текст перемещается от одного края к другому и обратно
-
scroll - циклическая прокрутка текста из одного конца в другой
-
slide - текст появляется с одного края и останавливается у другого
-
bgcolor = "значение"– Цвет фона.
-
direction="down | left | right | up" – Указывает направление движения содержимого контейнера;
-
height= "значение" – Высота области прокрутки;
-
hspace= "значение" – Горизонтальные поля вокруг контента;
-
loop = "значение"– Задает, сколько раз будет прокручиваться содержимое;
-
scrollamount= "значение" – Скорость движения контента;
-
scrolldelay= "значение" – Величина задержки в миллисекундах между движениями;
-
vspace = "значение"– Вертикальные поля вокруг содержимого;
-
width= "значение" – Ширина области прокрутки.
Пример.
Бегущая строка красного цвета, направление скролинга справо налево, число циклов прокрутки 2.
<marquee width=70% direction="left" loop="2"
bgcolor="red"> Это бегущая строка
</marquee>
Гиперссылки
Теги <A>…</A> предназначены для создания гиперссылок.
Переход может быть осуществлен к другому документу, к конкретному месту текущего или другого документа. При этом документ, на который осуществляется ссылка, может быть открыт в текущем или другом окне.
Создания гиперссылок является одним из важных элементов HTML.
В зависимости от присутствия атрибутов name или href , тег <A> задает ссылку или якорь.
Якорь – закладка внутри страницы, которую можно указать в качестве цели ссылки.
При использовании ссылки, которая указывает на якорь, происходит переход к закладке внутри веб-страницы. Допускается переход к якорю и на другой странице.
Для создания ссылки необходимо:
-
задать ссылку (объект на который необходимо нажать);
-
указать адрес документа, на который следует перейти.
Адрес ссылки может быть абсолютным и относительным. Абсолютные адреса работают везде, независимо от имени сайта или веб-страницы. Относительные ссылки, построены относительно текущего документа или корня сайта.
Синтаксис:
<a href="URL">...</a>
<a name="идентификатор">...</a>
Атрибуты:
-
href="URL" – Задает адрес документа, на который следует перейти. Поскольку в качестве адреса ссылки может использоваться документ любого типа, то результат перехода по ссылке зависит от конечного файла. По умолчанию новый документ загружается в текущее окно браузера.
-
name="закладка" – Устанавливает имя якоря внутри документа.
-
target ="имя окна" – Имя окна или фрейма, куда браузер будет загружать документ
(_blank – в новое окно браузера,
_self – текущее окно);
-
title="текст" – Добавляет всплывающую подсказку к тексту ссылки.
Примеры задания ссылок:
<a href="my.html">Относительная ссылка</a>
<a href="http://www.name.ru/html/my.html">Абсолютная ссылка</a>
Задание ссылки с использованием изображения:
<a href="images/my.jpg">Посмотрите на мою фотографию!</a>
Задание ссылки с использованием текста:
<a href="tip.html">Как сделать такое же фото?</a>
Пример задания закладок.
Вначале следует задать в соответствующем месте якорь и установить его имя параметром name тега <А>. Имя ссылки на закладку начинается символом #, после чего идет название закладки.
Можно также делать ссылку на закладку, находящуюся в другой веб-странице и даже другом сайте. Для этого в адресе ссылки надлежит указать ее адрес и в конце добавить символ решетки # и имя закладки.
<body>
<p><a name="top"></a></p> /*задание якоря*/
<p>Здесь много-много текста.
Прокручивай его вниз. </p>
<p><a href="#top">Наверх</a></p> /*ссылка на закладку*/
</body>
Пример. Открытие ссылки в новом окне
<p><a href="new.html" target="_blank">Открыть в новом окне</a></p>
Пример. Создание всплывающей подсказки
<p><a href="zoo.html" title="Рисунки животных ...">Рисунки</a></p>
<A HREF=“адрес перехода#закладка”> выделенный фрагмент текста</A> – создание ссылки на закладку в другом документе.
<A HREF=“#закладка”> выделенный фрагмент текста</A> – создание ссылки на закладку в том же
документе.
<A HREF=“адрес перехода” TARGET=“***”> фрагмент текста</A> – создание ссылки на другое окно.