1.        Открываем файловый менеджер.

2.        Загружаем в ранее созданную папку jpg нужную картинку из

        компьютера.

3.        Копируем название картинки, в моем примере название картинки

        karta.jpg

4.        Заполняем следующий HTML код, заменяя выделенное красным на

        нужные значения: 

<p align="center"><img src="/img/karta.jpg" border="1px" width="860" alt="Альтернативный текст" title="Топографическая карта. Степногорск"></p> 

5.        Копируем HTML код.

6.        На странице для вставки картинки нажимаем Панель HTML кодов.

7.        Вставляем HTML код.

8.        Сохранить.

9.        Всё.

Пояснения:

align="center"  -  выравнивание картинки по центру

    align="left" -  выравнивание картинки по левому краю

align="right"  -   выравнивание картинки по правому краю

border="1px" - позволяет заключить изображение в рамку (цифры указывают на толщину рамки в пикселях)

width="860" - ширина картинки 860 пикселей (ставится с учетом вместимости на страницы сайта)

title="Топографическая карта. Степногорск" - всплывающая подсказка к картинке при наведении курсора