Добавление картинки на страницу браузера
На прошлом уроке мы подготовили статью и разместили ее на HTML-странице. Статья имела красивый заголовок, кричащие абзацы, подчеркнутые детали, но все равно чего-то не хватало. Чего же??? Ну конечно картинок. Ни что не сможет украсить статью так как это смогут сделать картинки.
Как вставить картинку в html?
Здесь сложного ничего нет, добавьте этот код в свой html-документ
<img src «kartinka.jpg»>
kartinka — это название картинки
jpg — это расширение картинки. Расширение может быть gif, png, bmp.
Если картинка размещена в папке images, тогда путь к картинке будет таким:
<img src «images/kartinka.jpg»>
images — название папки, где лежит картинка «kartinka.jpg».
Если картинка лежит на другом сайте, тогда код будет таким:
<img src= «https://www.st-dvorik.ru/kartinka.jpg»>
https://www.st-dvorik.ru — это адрес сайта.
Пример:
<html>
<head>
<title>Как вставить картинку в html</title>
</head>
<body>
<img src="kartinka.jpg">
</body>
</html>
Ну и по традиции, предлагаю попрактиковаться. Создай HTML-станицу с заголовком и статьей про кошек. Все как в прошлый раз, но в этой статье должна быть картинка симпатичной кошки. УДАЧИ!!!