Все элементы с которыми вы работали до сих пор, имеют одну общую особенность, они предназначены для форматирования текста. А что если мы хотим показать пользователю в окне браузера контент отличный от текста, например, изображение?
Тег <img> (image) позволит вам добавить изображение на вашу веб страницу. Большинство элементов требуют открывающего и закрывающего тега, но тег <img> является самозакрывающимся. Это означает, что ему не требуется закрывающий тег, достаточно лишь в конце перед закрывающей угловой скобкой поставить прямой слеш «/«. Хотя в самозакрывающихся тегах установку данного слеша можно опустить, это не будет считаться ошибкой.
<img src="image-location.jpg" />В теге <img> обязательно необходимо указать атрибут scr(source — источник), который будет указывать на расположение картинки. Это может быть как локальный адрес: «название папки/имя_картинки.расширение«, так и URL ссылка на картинку из интернета.
Instructions
- Под заголовком
<h2>Медиа, добавьте изображение. Используйте следующую ссылку в качестве источника картинки.
https://content.codecademy.com/courses/web-101/web101-image_brownbear.jpg