Как вставить картинку к себе на страничку

Способы:

  1. Сохранить картинку к себе в компьютер.
  2. Щелкаем по картинке правой кнопкой мыши → Сохранить изображение как → выбираем папку на компьютере куда сохранить и сохраняем. Потом загружаем к себе в блог.

    Плюсы: картинка всегда при Вас

    Минусы: если картинка большая, она соответсвенно, имеет большой размер. Не все сервисы поддерживают загрузку изображений большого размера

  3. Самый простой способ: вставка картинки через адрес URL.
  4. Для этого, щелкаем по картинке правой кнопкой мышки → копировать URL картинки. Далее при стандартной загрузке картинки на страничку выбираем вставить картинку "по ссылке" и вставляем в поле скопированный адрес. Вот и все.

    Плюсы: очень быстрый способ

    Минусы: никак нельзя влиять на размер картинки

  5. Использовать код html или BB-код, находящийся под картинкой.
  6. Для этого html код надо выделить, скопировать и вставить в окошко html-редактирования у себя на страничке (например для Я.ру).

    Для Li.ру годиться как один код так и другой.

    На форумах используют BB-код, он вставляется прямо в сообщение.

    Как составить самостоятельно - пример1.

    Плюсы: не нужно загружать картинку к себе на компьютер, можно визуально изменить размер выбранной картинки.

    Как визуально изменить размер картинки (то есть уменьшить картинку, но при этом весить она будет также).

    Как реально уменьшить размер читайте здесь.

    А еще можно составить послание, которое будет появляться при наведении курсора на картинку - пример2

    Минусы: иногда приходиться вникать в то, что делаешь :)




Пример1: составления кодов (кому нужно, учимся составлять их самостоятельно):

  1. Html код:
  2. <img scr="адрес картинки" width="ширина" height ="высота" alt="" title="" border = "0"/>

    где адрес картинки- URL картинки (смотрим пункт 2)

    ширина и высота указаны над картинкой, что из них что определить "на глаз" не трудно либо ставите свои цифры пропорционально исходным

    Пример:<img src="http://so-ni.okis.ru/file/so-ni/ny/santa1.gif" alt="" width="400" height="400" border="0">

  3. BB код:
  4. [IMG]адрес картинки[/IMG]

    где адрес картинки- URL картинки (смотрим пункт 2)

    Пример:[IMG]http://so-ni.okis.ru/file/so-ni/ny/santa1.gif[/IMG]

    URL картинки (адрес картинки) в обоих случаях один и тот же:http://so-ni.okis.ru/file/so-ni/ny/santa1.gif

Пример2: Наведите курсор на картинку:

В чем секрет?
Для тех кто не знаком с Html:

В коде нужно найти параметр title="" (если нет добавить самим) и написать нужное слово или фразу между кавычек.

Для нашего примера это будет выглядить следующим образом:
<img src="http://so-ni.okis.ru/file/so-ni/heart_thanks.gif" width="300" height="300" title="Благодарю за внимание :)" alt="" border="0"/>



Ничего не понятно? - Пишите в комментариях






Анализ сайта онлайн