Студопедия
Случайная страница | ТОМ-1 | ТОМ-2 | ТОМ-3
АрхитектураБиологияГеографияДругоеИностранные языки
ИнформатикаИсторияКультураЛитератураМатематика
МедицинаМеханикаОбразованиеОхрана трудаПедагогика
ПолитикаПравоПрограммированиеПсихологияРелигия
СоциологияСпортСтроительствоФизикаФилософия
ФинансыХимияЭкологияЭкономикаЭлектроника

Использование изображений для ссылок

Урок HTML № 2. | Верхние и нижние индексы | Управление цветом шрифта | Списки и таблицы | Списки в списках | Расширенные возможности форматирования таблиц | Отображение изображения на странице | Задание размера изображения | Линии и полосы | Ссылки на веб-страницах |


Читайте также:
  1. Базовые пресуппозиции НЛП и использование ресурсных состояний
  2. в части, реализуемой с использованием ДОТ
  3. Валидность и использование мысленных образцов эксперимента
  4. Вставка перекрестных ссылок
  5. Глава 3. Использование родителями методов поощрение и наказание в воспитании ребенка
  6. ГОРОДА МОСКВЫ С ИСПОЛЬЗОВАНИЕМ МЕТОДА CASE STUDY
  7. Духовная медитация с использованием цвета.

В качестве средства ссылок на другие веб-страницы, можно использовать не только текст, но и изображения. Так же, как вы ссылались на другой документ с помощью текста, вы можете сослаться на него с помощью изображения. Нужно только вместо текста ссылки задать изображение. По умолчанию браузеры обнаруживают изображение с синей рамкой. Кликнув мышью в любом месте этого изображения, посетители переходят на соответствующий документ. В качестве ссылок на веб-документы вы можете использовать любые виды изображений, рисунков и пиктограмм.

Очень популярны также изображения-карты. В качестве изображения-карты может применяться веб-графика любого типа. Такое изображение открывает различные файлы в зависимости от того, на каком фрагменте был произведен щелчок мышью. На следующих уроках вы узнаете об этом поподробнее.

Давайте представим, что нужно вставить графический рисунок Design Laboratory на страничку. Посмотрите на это:

 

Как вы видите синего бордюра обрамляющего картинку нет. В тэг <img> мы добавили ключевое слово border="0", дающее команду "отключить обрамление". Посмотрите теперь на код изображения:

 

<a href="http://ertu.wsdu.pl/~Sam/dlab"><img border="0" src="dlab.gif"></a>

Обратите внимание, якорь остался тем же, он ссылается на сайт Design Laboratory, но вместо текста мы ввели тэг <img>.

Якоря

HTML-ссылки так же можно использовать в качестве внутренних ссылок и указателей.

Если у вас большой HTML-документ, в различных его местах нужно поставить якоря. Так, если бы толстая книга существовала в виде одного большого HTML-файла, логично было бы установить якорь в начале каждой главы. В начале HTML-файла нужно сделать оглавление, ссылающееся на каждый якорь в вашем файле (или на каждую главу). Если посетитель кликнет на якоре с меткой "глава 26", браузер автоматически перенесет его на якорь "глава 26" в том же файле; ему не придется просматривать бесчисленное количество страниц с информацией. Не забывайте, что якоря предназначены только для работы в одном большом HTML-файле. Чтобы организовать несколько файлов, применяйте гипертекстовые ссылки.

Якоря действуют так же, как и ссылки на другие документы в Интернете, только ссылки происходят на внутренние метки документа. Как и с обычными ссылками, вы можете использовать сколько угодно якорей и тэгов.

Разработчики веба часто называют применяемые таким образом якорные тэги флажками.


Дата добавления: 2015-11-03; просмотров: 78 | Нарушение авторских прав


<== предыдущая страница | следующая страница ==>
Ссылки на любое место в WWW| Основы создания презентаций

mybiblioteka.su - 2015-2024 год. (0.006 сек.)