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

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

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

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

Для создания ссылки из картинки достаточно поместить элемент 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. Изображения-ссылки

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

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

Следующая глава >

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

Изображения

Из книги Тонкости реестра Windows Vista. Трюки и эффекты автора Клименко Роман Александрович

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


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

Из книги Adobe Photoshop CS3 автора Завгородний Владимир

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


Просмотр изображения

Из книги Самоучитель работы на компьютере автора Колисниченко Денис Николаевич

Просмотр изображения


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

Из книги Реферат, курсовая, диплом на компьютере автора Баловсяк Надежда Васильевна

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


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

Из книги TCP/IP Архитектура, протоколы, реализация (включая IP версии 6 и IP Security) автора Фейт Сидни М

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


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

Из книги Справочник по PHP автора

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


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

Из книги HTML 5, CSS 3 и Web 2.0. Разработка современных Web-сайтов. автора Дронов Владимир

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


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

Из книги Интернет – легко и просто! автора Александров Егор

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


Параметры изображения

Из книги Интерактивные доски и их использование в учебном процессе автора Горюнова М. А.


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

Из книги Видеосамоучитель создания реферата, курсовой, диплома на компьютере автора Баловсяк Надежда Васильевна

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


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

Из книги Как заработать на фотографии в Интернете автора Зьомко Ольга

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


Изображения

Из книги Недокументированные и малоизвестные возможности Windows XP автора Клименко Роман Александрович

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


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

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

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


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

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

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


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

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

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


Изображения

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

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