Пример вставки картинки в текст с использованием HTML кода.

1.        Открываем файловый менеджер (ПУ → Инструменты →

        Файловый менеджер). 

2.        В файловом менеджере создаем папку под названием

          img или images (изображения). 

3.        Открываем созданную папку img 

4.        Загружаем в папку со своего компьютера картинку.

        Прим.: 

          • желательно использовать формат картинки jpg/jpeg, gif или png;

          • размер картинки желательно небольшой с шириной 

            не более 400 пикселов; 

5.        Копируем название загруженной картинки, к примеру, название

        моей картинки smajl.jpg 

6.        Пока заполняем следующий HTML код для вставки картинки,

        подставляя свои значения вместо выделенного красным: 

      <p><img src="/img/smajl.jpg" align="left" border="1px" width="380" height="374" alt="Альтернативный текст" title="ромашка-смайл" hspace="5px"></p> 

7.        На своей Web-странице набираем текст 

8.        Копируем HTML код картинки 

9.        Нажимаем Панель HTML кодов 

10.      Вставляем HTML код картинки перед нужной буквой текст. 

11.      Сохранить 

12.      Всё

       Для справки:

       <img>             тег для вставки изображения на веб-страницу с

                             обязательным атрибутом src;

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

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

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

                            указывают на толщину рамки в пикселях);

      border="0px"    рамки вокруг картинки нет;

      width="380"     ширина картинки 380 пикселей (ставьте реальную цифру

                            ширины Вашей картинки);

      height="374"    высота картинки 374 пикселя (ставьте реальную цифру

                            высоты Вашей картинки);

      hspace="5px"   отступ картинки от текста по горизонтали;

      vspace="5px"   отступ картинки от текста по вертикали;

      title="ромашка-смайл"   всплывающая подсказка к картинке при

                                        наведении курсора 

                                 День рождения "Смайлика" :-)

   30 лет назад, 19 сентября 1982 года, профессор Университета Карнеги-Меллона (город Питтсбург, США) - Скотт Фалман (Scott E. Fahlman) разместил на местной доске электронных объявлений, которая была прототипом сегодняшних форумов и в то время являлась основным средством общения между сотрудниками данного учебного заведения, интересное объявление: "Предлагаю использовать вот такую последовательность символов для обозначения шутливых сообщений: : -)

   Кто бы мог подумать, что эти 3 символа - двоеточие, дефис и закрывающая скобка, которые в результате образуют улыбающиеся лицо, могли стать настолько популярными, что на сегодняшний день общение в сети без них уже трудно себе даже представить. Ведь идея профессора молниеносно распространилась по всему университету, потом по другим университетам и учебным заведениям. В конце концов смайлик стал известной на весь мир "суперзвездой".