Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.Вивчайте Робота із Зображеннями в HTML | Section
Основи HTML

bookРобота із Зображеннями в HTML

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

Зображення підвищують візуальну привабливість вебсторінки та допомагають передавати інформацію. У HTML зображення додаються за допомогою тега <img>.

Вставлення зображень

Тег <img> є самозакривним і вимагає щонайменше двох атрибутів:

  • src: розташування файлу зображення;
  • alt: альтернативний текст для доступності або у випадку, якщо зображення не завантажується.
<img src="image.jpg" alt="Description of the image">

Атрибути зображення

  • src: шлях або URL до зображення (обов’язковий);
  • alt: резервний текст і опис для доступності;
  • width: встановлює ширину зображення;
  • height: встановлює висоту зображення;
  • title: відображає підказку при наведенні курсору.
index.html

index.html

copy
  • Тег <img> вставляє зображення на веб-сторінку;
  • Атрибут src вказує URL-адресу джерела файлу зображення;
  • Атрибут alt задає альтернативний текст для зображення;
  • Атрибут width встановлює ширину зображення;
  • Атрибут height встановлює висоту зображення;
  • Атрибут title надає додаткову інформацію про зображення.

1. Який тег використовується для вставки зображень у HTML-документ?

2. Який атрибут є обов'язковим для тега <img>, щоб відобразити зображення?

3. Що забезпечує атрибут alt для зображення?

4. Що відбувається, якщо зображення, вказане в атрибуті src, не може бути завантажене?

question mark

Який тег використовується для вставки зображень у HTML-документ?

Select the correct answer

question mark

Який атрибут є обов'язковим для тега <img>, щоб відобразити зображення?

Select the correct answer

question mark

Що забезпечує атрибут alt для зображення?

Select the correct answer

question mark

Що відбувається, якщо зображення, вказане в атрибуті src, не може бути завантажене?

Select the correct answer

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

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

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

Секція 1. Розділ 16

Запитати АІ

expand

Запитати АІ

ChatGPT

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

Секція 1. Розділ 16
some-alt