Как разместить картинку на сайте вручную — html код

Приветствую вас дорогие друзья! В данной небольшой заметке я расскажу как вручную разместить картинку на любом сайте.

Итак, какие же данные нам нужны для размещения картинки? Конечно же нужна сама картинка, но кроме этого нам нужны:

1. Адрес картинки

2. HTML код, который, браузер преобразует и выведет картинку

1. Если мы берем картинку из интернете, то просто копируем ее адрес, если картинка на вашем компьютере, то загружаем ее, например, в корень вашего сайта, и тогда её адрес примет следующий вид:

http://название-сайта.ru/название картинки.jpg

(естественно, доменная зона и расширение картинки взяты произвольно)

P.S. если вы используете движок wordpress, то картинка (по умолчанию) имеет следующий адрес:

http://название-сайа.ru/wp-content/uploads/год/месяц/название картинки.jpg

2. HTML выглядит следующим образом:

<img src="ssilka_na_kartinku" width="ширина в px" height="высота в px" alt="альтернативное название картинки" title="заголовок при наведении мышкой на картинку">

• ssilka_na_kartinku – указываете нужную вам ссылку;
• width – ширина картинки;
• height – высота картинки;
• alt – этот текст будет отбражаться если картинка не загрузится (например, при слабом интернете);
• title – текст при наведении, используется как подсказка, дополняющий текст ссылки.

Пример:

<img src="http://sergey-oganesyan.ru/wp-content/uploads/2013/10/kak_ramestit_kaktinku.jpg" width="520" height="200" alt="Картинка" title="Пример вставки картинки">

Вот, в принципе, и все, разместите данный код в нужном месте вашего сайта, заменяя адреса, высоту, ширину и прочие атрибуты.

На этом я завершаю данную заметку, пока.

Если вам нужна помощь в создании какого-либо функционала, сайта, сервиса, тестов или калькуляторов, то готов помочь, подробнее на странице услуг.