Совет 1: Как вставить изображение на страницу

Иллюстрированный текст воспринимается гораздо легче, чем текст без иллюстраций. Это относится и к текстам, размещенным в интернете. Если вы хотите, чтобы ваша запись в блоге заинтересовала читателей, вставьте в нее несколько изображений. Тем более что это совсем не сложно.
Вам понадобится
  • - браузер;
  • - файл с изображением.
Инструкция
1
Загрузите в интернет изображение, которое собираетесь вставить в запись. Для этого вы можете использовать фотоальбомы своего аккаунта в любой социальной сети или свой аккаунт на фотохостинге. Если у вас нет подобных аккаунтов, воспользуйтесь одним из фотохостингов, позволяющих загружать изображения без регистрации. Для этого перейдите по адресу http://vfl.ru, http://www.radikal.ru/, http://www.saveimg.ru, http://www.easyfoto.ru или http://imglink.ru. Кликните по кнопке «Обзор». В открывшемся окне выберите на диске своего компьютера файл с нужным изображением и кликните по кнопке «Открыть». На некоторых из перечисленных ресурсов есть кнопка «Закачать». Нажмите на эту кнопку. Дождитесь окончания загрузки файла. Ваша картинка загружена в интернет.
2
Скопируйте адрес изображения. Для этого щелкните правой кнопкой мыши по картинке и выберите в контекстном меню пункт «Свойства изображения». Откроется окно со свойствами вашей картинки. Щелкните левой кнопкой мыши по адресу в свойствах и нажмите сочетание клавиш Ctrl+C. На некоторых фотохостингах адрес изображения можно увидеть в таблице под самой картинкой. Можете скопировать адрес оттуда.
3
Напишите код для вставки изображения. Он должен выглядеть так, как показано на иллюстрации. Между кавычками - «лапками» - вставьте адрес своего изображения и размер изображения в пикселях. Размер изображения можно узнать из его свойств точно так же, как вы узнавали адрес картинки. Если вы хотите, чтобы загруженная картинка выглядела в вашей записи наполовину меньше, чем в оригинальном размере, разделите значения ширины и высоты на два. Вставьте полученные значения в код.
4
Вставьте код изображения в свою запись. Нажмите кнопку «Отправить» или «Опубликовать».

Совет 2: Как в ссылку вставить изображение

Синтаксис языка HTML позволяет делать гиперссылки не только текстовыми, но и графическими. Для посетителя сайта такая ссылка выглядит как изображение, а при нажатии на картинку происходит переход на другую веб-страницу.
Инструкция
1
Используя любой графический редактор, уменьшите изображение. Его размер по любой из координат не должен превышать 200 пикселей. Лучше, если картинка будет иметь горизонтальную компоновку. Это может быть, например, виртуальная кнопка, надпись на которой выполнена художественным шрифтом. Формат изображения должен быть одним из следующих: JPG, PNG, GIF. Первый из них предпочтительнее для фотографий, а оставшиеся два - для штриховых рисунков (так обеспечивается наилучшее сжатие). Результат изменения обязательно сохраните под новым именем, чтобы не испортить оригинал.
2
Загрузите файл с картинкой на сервер в папку, в которой расположен HTML-файл. Для осуществления такой загрузки можно использовать веб-интерфейс (при его наличии у хостинг-провайдера) либо любую программу-клиент протокола FTP.
3
В желаемое место HTML-файла поместите фрагмент кода следующего содержания: <a href=http://some.url/somefolder/somefile.html><img src=someimage.gif></a>, где выражение после оператора "href=" - адрес, на который ведет ссылка, а someimage.gif - имя и расширение файла с изображением.
4
У некоторых пользователей показ изображений в браузере отключен. Поэтому целесообразно разместить прямо под картинкой пояснение о том, куда ведет ссылка. В этом случае переделайте приведенный выше фрагмент кода следующим образом: <a href=http://some.url/somefolder/somefile.html><img src=someimage.gif><br>Макрофотографии насекомых</a>. Поясняющий текст будет располагаться под изображением. Нажатие на него также приведет к переходу по ссылке.
5
Загрузив на сервер обновленную версию HTML-файла, откройте в браузере соответствующую страницу, после чего убедитесь, что изображение отображается, а ссылка действует. Переход по ней должен происходить при нажатии как на изображение, так и на расположенную под ним поясняющую надпись (при ее наличии).
Видео по теме
Обратите внимание
Как изображение, так и страница, на которую ведет ссылка, не должны нарушать чьих-либо прав на интеллектуальную собственность или противоречить законодательству.
Источники:
  • как в комментариях вставлять ссылки
Видео по теме
Полезный совет
Для вставки изображений на форум указывается тег IMG и адрес изображения, то есть, все это выглядит как [IMG]адрес изображения[/IMG].
Источники:
  • Работа с тегом IMG
Поиск
Совет полезен?
Добавить комментарий к статье
Осталось символов: 500