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

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

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

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

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

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

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

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

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

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

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

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