Как в codepen вставить картинку с компьютера

Чтобы вставить картинку с компьютера в CodePen, вам потребуется следовать нескольким простым шагам⁚

1. Перейдите на сайт CodePen по адресу codepen.io и зарегистрируйтесь, если у вас еще нет аккаунта.
2. Нажмите на кнопку Create в верхнем меню, чтобы создать новый пен.4. Добавьте атрибут src к тегу img и укажите путь к изображению на вашем компьютере. Путь к изображению может выглядеть следующим образом⁚ «. Например, «.
5. Загрузите изображение на сайт CodePen, чтобы его можно было использовать в вашем пене. Для этого воспользуйтесь функцией Assets, доступной в левом нижнем углу экрана. Нажмите на кнопку Assets и выберите опцию Upload Image (Загрузить изображение). Выберите соответствующий файл изображения на вашем компьютере и загрузите его на CodePen.
6. После загрузки изображения٫ скопируйте URL-адрес изображения из окна Assets.
7. Замените путь к изображению в атрибуте src на скопированный URL-адрес. Например, «.
8. Сохраните изменения и нажмите кнопку Run, чтобы увидеть результат.

Теперь вы должны увидеть картинку, которую загрузили с компьютера, на странице вашего пена в CodePen.

Обратите внимание, что загруженные на CodePen изображения будут доступны только в пределах вашего аккаунта. Если вы хотите использовать изображения в других проектах или поделиться ими с другими людьми, вы можете воспользоваться функцией Export для скачивания пена или библиотекой CodePen.