Как разместить картинку на сайте?



картинка

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

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

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

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

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

Комментарий (2)

  • Сергей| 24 ноября 2013

    Ну тут надо разбираться в HTML. Куда и как её вставлять. )))

  • Ara Danelyan| 19 октября 2018

    Sergey jan privet, es sksnak pragramist em shnorhakalutyun ognutyan hamar…. uzum em aveli xoracnel giteliqners ays volortum.

  • Оставить ответ

    Ваш e-mail не будет опубликован. Обязательные поля помечены *