Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Зображення | Створення Вебсайту Блогу
Основи Веб-Розробки з ШІ
course content

Зміст курсу

Основи Веб-Розробки з ШІ

Основи Веб-Розробки з ШІ

1. Огляд Курсу та ШІ в Кодуванні
2. Анатомія Вебсайту
3. Вступ до ChatGPT
4. Створення Вебсайту Блогу

book
Зображення

Мета

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

Кроки

1. Знайдіть бажану тему

Відвідаємо https://unsplash.com/. Не соромтеся вводити будь-яку тему, яка вас цікавить.

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

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

3. Скопіюйте адресу зображення

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

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

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

Приклад:

html

index

css

index

js

index

copy

Результат

html

index

css

index

js

index

copy

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

Відео-урок

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

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

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

Секція 4. Розділ 5
We're sorry to hear that something went wrong. What happened?
some-alt