Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
Web / ИТ_Лекции / !_3_Бег_строка_ГИПЕРССЫЛКИ_Графика_Карты ссылок.doc
Скачиваний:
33
Добавлен:
15.04.2015
Размер:
483.84 Кб
Скачать

Бегущая строка

Тег <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> – создание ссылки на другое окно.

Соседние файлы в папке ИТ_Лекции