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

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

Мета

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

Кроки

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

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

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

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

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

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

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

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

Example:

index.html

index.html

copy

Результат

index.html

index.html

index.css

index.css

copy

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

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

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

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

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

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

Запитати АІ

expand

Запитати АІ

ChatGPT

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

Awesome!

Completion rate improved to 5

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

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

Мета

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

Кроки

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

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

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

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

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

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

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

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

Example:

index.html

index.html

copy

Результат

index.html

index.html

index.css

index.css

copy

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

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

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

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

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

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