- Теория
- Теория
Ссылки и изображения, хардкор 3
После того, как вы успешно справились с вёрсткой галереи, заказчик подкинул вам второй заказ: сверстать ещё одну промо-страничку, состоящую из одних картинок.
Инструктор Кекс уже написал стили, чтобы картинки расположились по сетке (Кекс крутой разработчик и написал раскладку блоков на гридах).
Вам остаётся прописать пути для изображений в тегах <img>. И будет круто, если вы потренируетесь задавать правильные атрибуты alt (хоть это и не влияет напрямую на решение испытания).
А вот и ТЗ от Кекса:
Мяу! Некогда объяснять, есть восемь картинок, я экспортировал их из редактора, но не успел переименовать. Нужно прописать пути картинкам в разметке так, чтобы совпадало с макетом.
Обрати внимание, что картинки в трёх форматах: png, svg и jpg.
Вpngсохранена малоцветная карта путешествий, вjpg— фотографии, а вsvg— векторный логотип с котиком.А вот тут они лежат:
img/1.pngimg/2.svgimg/3.pngimg/4.jpgimg/5.jpgimg/6.jpgimg/7.pngimg/8.png
Хотите верстать адаптивно и по методологии, использовать препроцессоры и автоматизацию? Записывайтесь на профессиональный курс «HTML и CSS. Адаптивная вёрстка и автоматизация». Цена 12 000 ₽.
- index.html
Вы перешли на другую страницу
Кликните внутри мини-браузера, чтобы поставить фокус в это окно.