Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Вивчайте Пошук і Додавання Зображень | Створення Блогу
Quizzes & Challenges
Quizzes
Challenges
/
Веб-розробка з ChatGPT

bookПошук і Додавання Зображень

Мета

Додати зображення на вебсайт для підвищення його привабливості для користувачів. Як це зробити? Можна знайти фотографії на таких ресурсах, як Unsplash. Там можна знайти потрібну тему, вибрати зображення, скопіювати його адресу та використати на сайті.

Кроки

1. Пошук потрібної теми

Відвідайте https://unsplash.com/. Тут можна ввести будь-яку тему, яка вас цікавить.

2. Вибір зображення

Знайдіть зображення, яке вам найбільше подобається, та натисніть на нього.

3. Копіювання адреси зображення

Щоб скопіювати адресу зображення, натисніть правою кнопкою миші на зображенні та виберіть «Копіювати адресу зображення» у контекстному меню.

4. Використання зображень

Можна вставити скопійовану адресу у атрибут src зображення, щоб додати вибране зображення на наш вебсайт. Також слід вказати ширину зображення, щоб воно коректно відображалося на сайті. Додатково можна надати описовий вміст для атрибута alt або використати заголовок статті як значення для alt.

Приклад:

index.html

index.html

copy

Результат

index.html

index.html

index.css

index.css

copy

Стан вебсайту

Відеоінструкція

question mark

Після знаходження зображення на Unsplash і вибору "Copy Image Address", що слід зробити з цією адресою у вашому HTML?

Select the correct answer

Все було зрозуміло?

Як ми можемо покращити це?

Дякуємо за ваш відгук!

Секція 4. Розділ 5

Запитати АІ

expand

Запитати АІ

ChatGPT

Запитайте про що завгодно або спробуйте одне із запропонованих запитань, щоб почати наш чат

Suggested prompts:

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

bookПошук і Додавання Зображень

Свайпніть щоб показати меню

Мета

Додати зображення на вебсайт для підвищення його привабливості для користувачів. Як це зробити? Можна знайти фотографії на таких ресурсах, як Unsplash. Там можна знайти потрібну тему, вибрати зображення, скопіювати його адресу та використати на сайті.

Кроки

1. Пошук потрібної теми

Відвідайте https://unsplash.com/. Тут можна ввести будь-яку тему, яка вас цікавить.

2. Вибір зображення

Знайдіть зображення, яке вам найбільше подобається, та натисніть на нього.

3. Копіювання адреси зображення

Щоб скопіювати адресу зображення, натисніть правою кнопкою миші на зображенні та виберіть «Копіювати адресу зображення» у контекстному меню.

4. Використання зображень

Можна вставити скопійовану адресу у атрибут src зображення, щоб додати вибране зображення на наш вебсайт. Також слід вказати ширину зображення, щоб воно коректно відображалося на сайті. Додатково можна надати описовий вміст для атрибута alt або використати заголовок статті як значення для alt.

Приклад:

index.html

index.html

copy

Результат

index.html

index.html

index.css

index.css

copy

Стан вебсайту

Відеоінструкція

question mark

Після знаходження зображення на Unsplash і вибору "Copy Image Address", що слід зробити з цією адресою у вашому HTML?

Select the correct answer

Все було зрозуміло?

Як ми можемо покращити це?

Дякуємо за ваш відгук!

Секція 4. Розділ 5
some-alt