Як перетворити зображення в HTML-код

Введення руками на клавіатурі

Чоловічі руки на клавіатурі комп'ютера

Авторство зображення: JatinderKumar/iStock/Getty Images

За допомогою всього кількох фрагментів HTML-коду ви можете вставити зображення в будь-яку веб-сторінку, електронну пошту або інший Інтернет-документ HTML або XML. Хоча ви не можете «перетворити» зображення в HTML-код, ви можете зберегти зображення локально або за певною веб-адресою, а потім призначити для нього місце в документі HTML. Ви також можете вказати, скільки пікселів має відображатися зображення, як по вертикалі, так і по горизонталі. Читайте далі, щоб дізнатися, як перетворити зображення в HTML-код.

Крок 1

Виберіть зображення. Це може бути будь-яке зображення будь-якого розміру.

Відео дня

Крок 2

Збережіть зображення локально або в Інтернеті. Це означає, що ви можете зберегти його на своєму комп’ютері або за певною веб-адресою. Якщо ви хочете, щоб інші люди могли бачити зображення в Інтернеті, вам потрібно завантажити зображення на веб-сервер. Використовуйте свій сервер веб-сайту або, якщо у вас немає веб-сайту, спробуйте використовувати Picasa чи іншу програму для зберігання та обміну зображеннями. Зверніть увагу на URL-адресу, де зберігається фотографія.

Крок 3

Відкрийте HTML-документ. Використовуйте тег зображення та точну URL-адресу, де зберігається зображення: . Це дозволить вставити зображення у ваш HTML-документ. Коли користувач відкриє цей документ за допомогою веб-браузера чи іншої програми, з’явиться зображення.

Крок 4

Налаштуйте ширину зображення так, як ви хочете, щоб воно виглядало, у пікселях. Знову ж таки, використовуйте точну URL-адресу, де зберігається зображення. Наприклад, http://example.com/image.jpg" ширина=400>. Це розтягне або зменшить наявну ширину зображення до 400 пікселів.

Крок 5

Відрегулюйте висоту зображення так, як ви хочете, щоб воно виглядало в пікселях. Наприклад, . Це розтягне або зменшить наявну висоту зображення до 700 пікселів.

Крок 6

Комбінуйте регулювання ширини та висоти, якщо необхідно. Наприклад, .

Крок 7

За бажанням перетворіть зображення на посилання. Використовуйте тег прив’язки з тегом зображення, вбудованим у нього. Наприклад, .