Совет 1: Как на ссылку поставить картинку

Для обмена информацией в сети интернет пользователи часто используют ссылки на различные ресурсы. Ссылка может быть дана в виде адреса сайта, приведенного целиком, либо скрыта под надписью «Перейти», «Здесь» и тому подобное. Так же на ссылку можно поставить картинку.
Инструкция
1
Даже если вы не очень хорошо разбираетесь в BB кодах, которые часто используются при оформлении сообщений, вы сможете поставить изображение на ссылку. Главное – понять принцип использования тэгов. Любая прямая ссылка начинается с префикса http. Если вы вставите адрес сайта без тэгов (например, http://www.relevantmedia.ru), ваш пост будет выглядеть не слишком привлекательно, ведь ссылки могут быть достаточно длинными.
2
Чтобы появилась возможность заменить адрес сайта надписью, сохранив при этом ссылку, используйте тэги URL. Сначала должен идти открывающий тэг, затем – закрывающий, а между ними вам необходимо разместить свое сообщение. На ресурсе, поддерживающем BB коды ссылка в виде [URL=http://www.relevantmedia.ru]RelevantMedia[/URL] будет выглядеть просто как надпись RelevantMedia, самого адреса сайта не будет видно.
3
По этому же принципу между тэгами можно вставить вместо текста ссылку на картинку. Нажимая на нее, пользователь перейдет на тот адрес, который скрыт под тэгами [URL] и [/URL]. Загрузите на фотохостинг изображение, которым хотите оформить ссылку. Для этого укажите на обменнике, откуда вы хотите взять изображение (со своего компьютера или из сети интернет).
4
Нажмите на кнопку «Обзор» и укажите директорию, в которой хранится ваша картинка. Или же откройте страницу с изображением, скопируйте в буфер обмена ее адрес и вставьте ссылку в предназначенное для этого поле на фотохостинге. Нажмите на кнопку «Загрузить» и дождитесь окончания операции.
5
Откройте форму сообщения на том ресурсе, где вы хотите разместить свой пост. Нажмите на кнопку «Ссылка» в виде глобуса, откроется новое окно, вставьте в нем адрес сайта, на который должны будут попасть другие пользователи. Если такой кнопки нет, вы можете самостоятельно оформить тэги так, как это описано во втором шаге.
6
Вместо текста вставьте ссылку на картинку между тэгами, обозначающими изображение – [IMG] и [/IMG]. При этом следите за тем, чтобы в ссылке на картинку не был прописан адрес фотохостинга, иначе другие пользователи попадут на обменник, а не на тот сайт, адрес которого вы указываете. В конечном итоге ваша ссылка с картинкой будет выглядеть следующим образом: [URL=http://www.relevantmedia.ru][IMG]http://s019.radikal.ru/i620/1204/cd/130563b0f3f9.jpg[/IMG][/URL]. Чтобы проверить правильность оформления своего сообщения, воспользуйтесь кнопкой «Предварительный просмотр».

Совет 2: Как в HTML поставить картинку

Текст на веб-странице воспринимается значительно лучше, если он иллюстрирован. В языке HTML для этой цели зарезервирован тег img. Применяя его в сочетании с другими тегами, можно сделать картинку активной ссылкой, в том числе, на более крупный вариант того же изображения.
Инструкция
1
Если файл с изображением и HTML-файл расположены в одной папке, для вставки картинки используйте такой HTML-код:<img src=imagename.jpg>, где imagename.jpg - имя файла с изображением.
2
При расположении файла с изображением на том же сервере, но в другой его папке измените эту конструкцию следующим образом:<img src=/folder/anotherfolder/imagename.jpg>, где /folder/anotherfolder/imagename.jpg - полный путь к файлу с изображением.
3
Размещать изображения, хранящиеся на других серверах, следует с осторожностью - там может быть включена защита от личинга, и тогда вместо желаемой картинки посетитель вашей страницы увидит предупреждение о такой защите. Если же такой защиты нет, а владелец стороннего сервера не возражает против вставки хранящихся там изображений на чужие страницы, воспользуйтесь следующим фрагментом кода:<img src=http://server.domain/folder/anotherfolder/imagename.jpg>, где http://server.domain/folder/anotherfolder/imagename.jpg - полный путь к файлу с изображением на другом сервере.
4
Чтобы изображение являлось одновременно ссылкой на другую страницу, используйте такой код:<a href=linktext><img src=imagename.jpg></a>, где linktext - адрес ссылки (локальной либо глобальной).
5
Наконец, чтобы при нажатии на изображение пользователь получал возможность увидеть его увеличенную копию, измените предыдущий фрагмент так:<a href=imagename-big.jpg><img src=imagename-small.jpg></a>, где imagename-big.jpg - имя файла с крупной картинкой, imagename-small.jpg - имя файла с уменьшенной картинкой.Оба файла должны быть расположены в одной и той же папке сервера.
Обратите внимание
Не используйте чужие картинки без разрешения их правообладателей.
Источники:
  • как поставить картинку на фон в html
Видео по теме
Поиск
Совет полезен?
Добавить комментарий к статье
Осталось символов: 500
к
Honor 6X Premium
новая премиальная версия
узнать больше