Ссылки изображения

Ссылки изображения

Используя картинки, можно повысить функциональность сайта, создавая изображения-ссылки.

Ссылки – главное в Интернете, и, естественно, существует возможность использовать в качестве ссылок изображения.

Для создания ссылки из картинки достаточно поместить элемент IMG внутри тегов <А> и </A>, при этом вокруг картинки появится рамка, которой можно управлять с помощью атрибута border. Синие рамки вокруг рисунков выглядят некрасиво, зато с ними сразу понятно, что можно щелкнуть кнопкой мыши на этой картинке и перейти на другую страницу.

В листинге 4.9 приведены примеры создания ссылок-изображений с различными размерами рамок.

Листинг 4.9. Создание изображений-ссылок

<html>

<head>

<title>Встраивание изображения</title>

</head>

<body>

Ссылка без задания атрибута border (рамка ставится по умолчанию)<br/>

<a href="image.jpg"><img src="image.jpg" width="100" vspace="10" hspace="10" alt="Фотография карликового вислоухого кролика" /> </a><br />

Ссылка без рамки<br/>

<a href="image.jpg"><img src="image.jpg" width="100" vspace="10" hspace="10" alt="Фотография карликового вислоухого кролика " border="0" /> </a><br />

Рамка в 10 пикселов<br/>

<a href="image.jpg"><img src="image.jpg" width="100" vspace="10" hspace="10" alt="Фотография карликового вислоухого кролика " border="10" /> </a><br/>

</body>

</html>

Результат обработки кода из листинга 4.9 можно увидеть на рис. 4.10.

Рис. 4.10. Изображения-ссылки

Возможность делать из рисунков ссылки позволяет удобнее размещать информацию на сайтах, где необходимо использовать много изображений.

Данный текст является ознакомительным фрагментом.



Поделитесь на страничке

Похожие главы из других книг:

Символические ссылки. Жесткие ссылки.

Из книги автора

Символические ссылки. Жесткие ссылки. Немного теорииВ системах Unix довольно часто возникает необходимость иметь для одного и того же файла или каталога разные имена. При этом одно из имен логично назвать основным, а все другие - его псевдонимами. В терминологии Unix такие


Изображения

Из книги автора

Изображения Чтобы вставить в документ изображение, необходимо воспользоваться тегом <IMG>. Данный тег имеет множество параметров, главным из которых является SRC, задающий имя файла с изображением. Если картинка находится в той же папке, что и HTML-файл, то достаточно


Изображения-гиперссылки

Из книги автора

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


Изображения-карты

Из книги автора

Изображения-карты А еще HTML позволяет превратить в гиперссылку часть графического изображения. Более того, мы можем разбить изображение на части, каждая из которых будет представлять собой гиперссылку, указывающую на свой интернет-адрес. Такие изображения называют


19.6.13 Изображения

Из книги автора

19.6.13 Изображения Тег IMG служит для вставки изображения в документ. Тег содержит параметр SRC, который определяет URL для файла, имеющего изображение. URL изображений выглядит как любые другие URL. Ссылка на изображение будет выглядеть как:<IMG SRC = "http://www.abc.com/wwwdocs/ourlogo.gif"><IMG SRC =


Изображения

Из книги автора

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


1.6. Изображения

Из книги автора

1.6. Изображения Все изображения, размещенные в работе (фотографии, схемы, чертежи, рисунки и пр.), обозначаются словом «рисунок» (сокращенно «рис.»). Рисунки располагаются в тексте после абзаца, в котором данный рисунок был впервые упомянут, или на следующей странице. Между


Обесцвечивание изображения

Из книги автора

Обесцвечивание изображения Зачастую цветное изображение нужно обесцветить, чтобы использовать как фоновое или просто для того, чтобы распечатать на черно-белом принтере и получить предсказуемый результат. В целом, черно-белое изображение проигрывает цветному по


Изображения

Из книги автора

Изображения В состав меню кнопки Пуск входит команда Изображения. Для ее удаления необходимо в разделе реестра HKEY_CURRENT_USERSoftwareMicrosoftWindowsCurrentVersionPoliciesExplorer создать REG_DWORD-параметр NoSMMyPictures и присвоить ему значение 1, после чего перезагрузить компьютер.Чтобы вернуть команду


1.6. Изображения

Из книги автора

1.6. Изображения Все изображения, размещенные в работе (фотографии, схемы, чертежи, рисунки и пр.), обозначаются словом «рисунок» (сокращенно «рис.»). Рисунки располагаются в тексте непосредственно после того абзаца, в котором данный рисунок был впервые упомянут, или на


Захват изображения

Из книги автора

Захват изображения Функция Захват изображения позволяет пользователю вставить на слайды презентации любые снимки экрана. Есть возможность вставить все содержимое экрана, снимок активного окна или фрагмент произвольной формы.Данная функция может быть полезна в


Изображения 3D

Из книги автора

Изображения 3D Если вы занимаетесь созданием 3D-изображений и преуспели в данной сфере достаточно, чтобы создавать работы на продажу, соответствующие требованиям микростоковых фотобанков и обладающие чертами рекламного материала (вроде рис. 3.4), можете смело пробовать


8.2.3. Создание изображения

Из книги автора

8.2.3. Создание изображения Обращаю ваше внимание на следующее:Редактировать мелкие детали гораздо проще, если выбрать крупный масштаб — не нужно будет напрягать глаза. Сделать это можно с помощью команды меню Вид, Масштаб, Крупный.Если хотите начать все с чистого листа,


8.2.4. Сохранение изображения

Из книги автора

8.2.4. Сохранение изображения Для сохранения изображения выполните команду Файл, Сохранить. В окне сохранения файла (рис. 69) вам нужно указать имя файла и выбрать его тип. Если вы хотите, чтобы качество рисунка было максимальным, выберите тип 24-разрядный рисунок. Но в этом