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

Зображення не є обов'язковим атрибутом повідомлення в блозі або на сайті, однак приємно пожвавлюють весь текст і надають йому наочність. Для оформлення зображень використовуються спеціальні HTML-теги.

Інструкція

Найпростіший тег для вставки зображення в режимі HTML виглядає так:

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

Великі зображення оформляються приблизно за тим же тегу, але, щоб відрегулювати зображення відповідно до ширини екрану, потрібно вставка додаткового тега "width" - ширина. Модифікований тег буде виглядати так:

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

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

При такому оформленні картинка буде розташовуватися ліворуч, а текст праворуч, на відстані 20 пікселів від зображення. Саме зображення буде мати ширину 1000 пікселів по ширині.
Змініть відповідні параметри, щоб розмістити зображення праворуч від текста, на зручному для вас відстані.