Как вставить картинку в html.


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

Как это сделать сейчас мы это и узнаем. Первым делом вы должны будете найти какую — нибудь картинку. Возьмем вот эту.

информатика-5-класс-ФГОС
информатика 5 класс ФГОС

Сейчас мы будем вставлять её на наш сайт. В директории где находятся файлы сайта нужно создать папку и назвать её images. В ней будут храниться все картинки для нашего сайта. Эту папку можно назвать как угодно, но лучше называть её так что бы было понятно что в ней хранится. 

Копируем картинку и вставляем её в нашу папку.

Теперь нам нужно прописать код вставки картинки в html. Сам код картинки заключим в тег <p> </p >.

Вот так: <img src=» » alt=» » title=» » width=» » />

вставка изображения html
вставка изображения html

Атрибут src=»Путь к изображению»

Атрибут alt=»Описание изображения» — Описание нужно указывать к каждой картинки это обязательно.

Атрибут width=»Ширина изображения в пикселях»

Атрибут height=»Высота изображения в пикселях»

Лучше указывать один из атрибутов ширину или высоту, если вы укажите оба то картинка будет не пропорциональна и смотреться это будет не красива.

Атрибут title=»Слово которое появится при наведении мышки на изображение»

Таким образом вставляются картинки на сайт с помощь html.