HTML с нуля: медиа-элементы — изображения, видео, аудио и iframe. Урок №3
Работа с изображениями на HTML
Давайте теперь разберемся с тем, как разместить изображение на странице вашего сайта. Для этого предназначен тег <img>, имеющий обязательный атрибут src, в котором следует задавать путь к файлу картинки. При этом сам тег не требует закрывающего тега. Давайте посмотрим на примере. Пусть в корневой папке нашего сайта находится файл smile.png с картинкой. Давайте выведем ее на странице нашего сайта: Задача 1 Разместите на странице вашего сайта какую-нибудь картинку. Ширина картинки По умолчанию картинки отображаются своим реальным размером...
А как вставить в html-страницу какую-нибудь картинку?
Ну хорошо, а как засунуть в html-страницу какую-нибудь картинку? Для картинок имеется специальный тег <img> - но этот тэг не является "скобкой", как те, что мы рассматривали в предыдущих статьях: "HTML-страница", "оформление html-страниц", этот тэг имеет в себе параметры и выглядит вот так: <img src="путь к картинке" alt="альтернативный текст" width="50" height="50" /> Вот щас можно попробовать вставить картинки в наш "index.html"-файл. Подцепим картинки как с нашего диска на компьютере, так и с интернета, например с "Google-диска"...