| Главная » Статьи » HTML » Ссылки |
Кроме текста, в качестве ссылок можно использовать и рисунки. Изображение в этом случае надо поместить между тегами <a href=...> и </a>, как показано в примере 1. Пример 1. Создание рисунка-ссылки  <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Ссылка</title> </head> <body> <p><a href="sample.html"><img src="sample.gif" width="50" height="50" alt="Пример"></a></p> </body> </html> Параметр href тега <A> задает путь к документу, на который указывает ссылка, а src тега <IMG> — путь к графическому файлу. Вокруг изображения-ссылки автоматически добавляется рамка толщиной один пиксел и цветом, совпадающим с цветом текстовых ссылок. Чтобы убрать рамку, следует у тега <IMG> установить параметр border="0" (пример 2). Пример 2. Удаление рамки вокруг изображения <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Ссылка</title> </head> <body> <p><a href="sample.html"><img src="sample.gif" width="50" height="50" border="0" alt="Пример"></a></p> </body> </html> Можно также воспользоваться CSS, чтобы убрать рамку для всех изображений, которые являются ссылками. Для этого применяется стилевой параметр border cо значением none (пример 3). Пример 3. Использование CSS <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Ссылка</title> <style type="text/css"> A IMG { border: none; } </style> </head> <body> <p><a href="sample.html"><img src="sample.gif" width="50" height="50" alt="Пример"></a></p> </body> </html> Конструкция A IMG определяет контекст применения стилей — только для тега <IMG>, который находится внутри контейнера <A>. Поэтому изображения в дальнейшем можно использовать как обычно — с рамкой или без. | |
| Просмотров: 713 | Комментарии: 1 | |
| Всего комментариев: 0 | |