Разместим изображение в дневнике. Для этого просто прикрепим файл изображения к сообщению

Код солнышка:

<img src="//img0.liveinternet.ru/images/attach/c/0//46/290/46290064_solnuyshko.jpg" width="680" height="680" alt=" (680x680, 37Kb)" />

Сделаем всплывающую подсказку к рисунку. Для этого допишем в код рисунка title.

<img src="//img0.liveinternet.ru/images/attach/c/0//46/290/46290064_solnuyshko.jpg" width="680" height="680" alt=" (680x680, 37Kb)" title="Доброе утро! Удачного дня! Отличного настроения!"/>

Теперь при наведении мышки на рисунок будет появляться подсказка с нашим текстом

Есть еще один параметр рисунка который можно использовать для удобства при редактирования постов с рисунками. Это alt. Alt - Это текст который будет виден вместо картинки, если невозможно её показать.
Изначально в нем прописан размер рисунка, но этот текст можно изменить на любой другой. Например можно подписать рисунок.

<img src="//img0.liveinternet.ru/images/attach/c/0//46/290/46290064_solnuyshko.jpg" width="680" height="680" alt="Рисунок солнышка" title="Доброе утро! Удачного дня! Отличного настроения!"/>

width и height это ширины и высота рисунка. Можно показать рисунок другого размера просто указав в коде width и height

<img src="//img0.liveinternet.ru/images/attach/c/0//46/290/46290064_solnuyshko.jpg" width="200" height="200" alt="Рисунок солнышка" title="Доброе утро! Удачного дня! Отличного настроения!"/>

Мы получили рисунок уменьшеного размера, но реальный размер рисунка не изменился! Вы можете в этом убедиться если сохраните рисунок у себя на компьютере и посмотрите его

Рисунки можно использовать и в ссылках. Для примера загружу уменьшиную копию солнышка

Код маленького солнышка:

<img src="//img1.liveinternet.ru/images/attach/c/0//46/290/46290994_solnuyshko.jpg" width="100" height="100" alt=" (100x100, 3Kb)">

Для того что бы картинка была ссылкой сделаем вот такой код ( код я показал в сокращенном виде для простоты чтения)

<a target="_blank" href="http://....."><img src="http://...." _fcksavedurl="http://...." /></a>

Сделаем код что бы видно было маленькое солнышко, а при клике на нем в новом окне выводилось солнышко в полном размере.
Для этого веред кодом маленького солнышка вставим код <a href="сслыка на большое солнце">, а после кода маленького солнышка - </a>

.<a target="_blank" href="//img0.liveinternet.ru/images/attach/c/0//46/290/46290064_solnuyshko.jpg" title="Посмотреть в полном размере"><img src="//img1.liveinternet.ru/images/attach/c/0//46/290/46290994_solnuyshko.jpg" width="100" height="100" alt=" (100x100, 3Kb)"></a>

Обратите внимание на то что title прописан в коде ссылки, а не рисунка и на параметр ссылки target="_blank"!
Target Указывает где открывать ссылку. _blank - открыть в новом окне, Если вы не укажите target то ссылка откроется в текущем окне