Пошук і Додавання Зображень
Мета
Додати зображення на вебсайт для підвищення його привабливості для користувачів. Як це зробити? Можна знайти фотографії на таких ресурсах, як Unsplash. Тут можна знайти потрібну тематику, вибрати зображення, скопіювати його адресу та використати на сайті.
Кроки
1. Пошук потрібної тематики
Відвідайте https://unsplash.com/. Тут можна ввести будь-яку цікаву для вас тему.
2. Вибір зображення
Знайдіть зображення, яке вам найбільше подобається, і натисніть на нього.
3. Копіювання адреси зображення
Щоб скопіювати адресу зображення, натисніть на нього правою кнопкою миші та виберіть "Копіювати адресу зображення" у контекстному меню.
4. Використання зображення
Можна вставити скопійовану адресу у атрибут src зображення, щоб додати вибране зображення на сайт. Також слід вказати ширину зображення, щоб воно коректно відображалося на сайті. Додатково можна надати описовий вміст для атрибута alt або використати заголовок статті для alt зображення.
Example:
index.html
Результат
index.html
index.css
Стан вебсайту
Відеоінструкція
Дякуємо за ваш відгук!
Запитати АІ
Запитати АІ
Запитайте про що завгодно або спробуйте одне із запропонованих запитань, щоб почати наш чат
Awesome!
Completion rate improved to 5
Пошук і Додавання Зображень
Свайпніть щоб показати меню
Мета
Додати зображення на вебсайт для підвищення його привабливості для користувачів. Як це зробити? Можна знайти фотографії на таких ресурсах, як Unsplash. Тут можна знайти потрібну тематику, вибрати зображення, скопіювати його адресу та використати на сайті.
Кроки
1. Пошук потрібної тематики
Відвідайте https://unsplash.com/. Тут можна ввести будь-яку цікаву для вас тему.
2. Вибір зображення
Знайдіть зображення, яке вам найбільше подобається, і натисніть на нього.
3. Копіювання адреси зображення
Щоб скопіювати адресу зображення, натисніть на нього правою кнопкою миші та виберіть "Копіювати адресу зображення" у контекстному меню.
4. Використання зображення
Можна вставити скопійовану адресу у атрибут src зображення, щоб додати вибране зображення на сайт. Також слід вказати ширину зображення, щоб воно коректно відображалося на сайті. Додатково можна надати описовий вміст для атрибута alt або використати заголовок статті для alt зображення.
Example:
index.html
Результат
index.html
index.css
Стан вебсайту
Відеоінструкція
Дякуємо за ваш відгук!