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

click fraud protection
Печатать руки на клавиатуре

Мужские руки на клавиатуре компьютера

Кредит изображения: ДжатиндерКумар / 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

При желании превратите изображение в ссылку. Используйте тег привязки со встроенным тегом изображения. Например, .