Як вставити картинку в текст html

Найпростіший тег для вставки зображення в режимі HTML виглядає так:
Http: // і далі - це адреса самої картинки в мережі. Якщо ви його не знаєте, клацніть правою кнопкою миші по зображенню і натисніть кнопку «Відкрити в новій вкладці". Відкрийте вкладку і скопіюйте посилання з адресного рядка.
При вставці зображення за допомогою цього тега розмір буде співпадати з оригінальним. Тому вибирайте зображення невеликого розміру (до 500 пікселів по більшій стороні або близько того).

Великі зображення оформляються приблизно за тим же тегу, але, щоб відрегулювати зображення відповідно до ширини екрану, потрібно вставка додаткового тега "width" - ширина. Модифікований тег буде виглядати так:
У прикладі 1000 - це ширина зображення в пікселях. Ви можете змінити розмір відповідно до своїх потреб. Висота підганяється автоматично (пропорції зберігаються).

При вище описаних тегах текст розташовується під картинками. Додаткові теги дозволяють розмістити текст ліворуч або праворуч від зображення - left і right відповідно. Повний тег буде виглядати так:
При такому оформленні картинка буде розташовуватися зліва, а текст праворуч, на відстані 20 пікселів від зображення. Саме зображення матиме шириною 1000 пікселів по ширині.
Змініть відповідні параметри, щоб розмістити зображення праворуч від текста, на зручному для вас відстані.