Доверьте продвижение нам

Lion Digital Agency

интернет-маркетинг

теги: ,

Категории

Рубрики

Написание постов, ведение соц сетей Ваших компаний. Формирование имиджа и контента.

от 22900 

SEO-продвижение сайта в ТОП поисковых систем. Рост позиций в первый месяц. Закажите услугу в Lion Digital. Ваш надежный партнер в интернет-маркетинге.

от 25000 

Услуги веб дизайна под ключ.

от 29500 

Как добавить картинку на сайт html CSS

Чтобы добавить изображение на сайт с помощью HTML и CSS, следуйте этим простым шагам:

  1. Скопируйте изображение в папку с вашим проектом.
  2. Откройте ваш HTML-документ в редакторе кода и добавьте следующий тег <img> на страницу:
<img src="path/to/image.jpg" alt="описание изображения">

В src укажите относительный или абсолютный путь к изображению, в alt укажите описание изображения (для тега <img> описания изображения обязательно, так как это делает ваш сайт доступным для людей с нарушениями зрения).

  1. Стилизуйте изображение, указав для него CSS-свойства:
img {
  width: 100%;
  height: auto;
}

В этом примере мы установили ширину изображения равной 100% от ширины родительского блока, и высоту автоматически расчитывать, чтобы сохранить соотношение сторон.

Пример с полным кодом:

<!DOCTYPE html>
<html>
<head>
  <title>Мой сайт</title>
  <style>
    img {
      width: 100%;
      height: auto;
    }
  </style>
</head>
<body>
  <h1>Привет, мир!</h1>
  <img src="path/to/image.jpg" alt="Описание изображения">
</body>
</html>

Заметьте, что вместо path/to/image.jpg нужно подставить соответствующий путь к вашему изображению. Если изображение находится в той же папке, что и HTML-файл, достаточно указать просто название файла и его расширение.

Поделиться:

Комментарии

Добавить комментарий

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

Задать вопрос

Оставляя заявку, вы соглашаетесь с политикой обработки персональных данных.

Меню

Оставить заявку

Оставляя заявку, вы соглашаетесь с политикой обработки персональных данных.