Перемещение можно задать не только по горизонтали, но и вертикали, в этом случае указываются размеры области, в которой будет происходить движение
БЕГУЩАЯ СТРОКА
Тег <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> /*задание якоря*/