Пошук і Додавання Зображень
Мета
Додати зображення на вебсайт для підвищення його привабливості для користувачів. Як це зробити? Можна знайти фотографії на таких ресурсах, як Unsplash. Там можна знайти потрібну тему, вибрати зображення, скопіювати його адресу та використати на сайті.
Кроки
1. Пошук потрібної теми
Відвідайте https://unsplash.com/. Тут можна ввести будь-яку тему, яка вас цікавить.
2. Вибір зображення
Знайдіть зображення, яке вам найбільше подобається, та натисніть на нього.
3. Копіювання адреси зображення
Щоб скопіювати адресу зображення, натисніть правою кнопкою миші на зображенні та виберіть «Копіювати адресу зображення» у контекстному меню.
4. Використання зображень
Можна вставити скопійовану адресу у атрибут src зображення, щоб додати вибране зображення на наш вебсайт. Також слід вказати ширину зображення, щоб воно коректно відображалося на сайті. Додатково можна надати описовий вміст для атрибута alt або використати заголовок статті як значення для alt.
Приклад:
index.html
Результат
index.html
index.css
Стан вебсайту
Відеоінструкція
Дякуємо за ваш відгук!
Запитати АІ
Запитати АІ
Запитайте про що завгодно або спробуйте одне із запропонованих запитань, щоб почати наш чат
How do I add an image to my website using the copied address?
Can you explain how to set the image width and alt attributes?
What should I do if the image doesn't display correctly on my website?
Awesome!
Completion rate improved to 5
Пошук і Додавання Зображень
Свайпніть щоб показати меню
Мета
Додати зображення на вебсайт для підвищення його привабливості для користувачів. Як це зробити? Можна знайти фотографії на таких ресурсах, як Unsplash. Там можна знайти потрібну тему, вибрати зображення, скопіювати його адресу та використати на сайті.
Кроки
1. Пошук потрібної теми
Відвідайте https://unsplash.com/. Тут можна ввести будь-яку тему, яка вас цікавить.
2. Вибір зображення
Знайдіть зображення, яке вам найбільше подобається, та натисніть на нього.
3. Копіювання адреси зображення
Щоб скопіювати адресу зображення, натисніть правою кнопкою миші на зображенні та виберіть «Копіювати адресу зображення» у контекстному меню.
4. Використання зображень
Можна вставити скопійовану адресу у атрибут src зображення, щоб додати вибране зображення на наш вебсайт. Також слід вказати ширину зображення, щоб воно коректно відображалося на сайті. Додатково можна надати описовий вміст для атрибута alt або використати заголовок статті як значення для alt.
Приклад:
index.html
Результат
index.html
index.css
Стан вебсайту
Відеоінструкція
Дякуємо за ваш відгук!