Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Вивчайте Доступ до елемента | Ознайомлення з HTML
Web Scraping з Python

bookДоступ до елемента

Тепер, коли ви знаєте, що елементи HTML використовують різні теги та можуть містити класи й ідентифікатори, як визначити tag/class/id конкретного елемента вебсторінки?

Оскільки ви знайомі з DevTools, ви можете легко перейти до конкретної позиції, що містить потрібний елемент у HTML. Наприклад, у браузері Chrome слід натиснути лівою кнопкою миші на верхню ліву кнопку DevTools, а потім навести курсор на область вебсторінки, яка вас цікавить.

Під час наведення на елемент ви отримаєте короткий огляд. Лівий клік по елементу відкриє відповідний розділ у документі HTML.

Завдання

Перейдіть за наступним посиланням сторінка.

question mark

За допомогою DevTools знайдіть ім'я class усіх зображень (<img> тег) на сторінці.

Select the correct answer

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

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

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

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

Запитати АІ

expand

Запитати АІ

ChatGPT

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

Awesome!

Completion rate improved to 4.35

bookДоступ до елемента

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

Тепер, коли ви знаєте, що елементи HTML використовують різні теги та можуть містити класи й ідентифікатори, як визначити tag/class/id конкретного елемента вебсторінки?

Оскільки ви знайомі з DevTools, ви можете легко перейти до конкретної позиції, що містить потрібний елемент у HTML. Наприклад, у браузері Chrome слід натиснути лівою кнопкою миші на верхню ліву кнопку DevTools, а потім навести курсор на область вебсторінки, яка вас цікавить.

Під час наведення на елемент ви отримаєте короткий огляд. Лівий клік по елементу відкриє відповідний розділ у документі HTML.

Завдання

Перейдіть за наступним посиланням сторінка.

question mark

За допомогою DevTools знайдіть ім'я class усіх зображень (<img> тег) на сторінці.

Select the correct answer

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

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

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

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