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

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

Suggested prompts:

How do I open DevTools in my browser?

Can you explain how to identify the tag, class, or id of an element once I have DevTools open?

What should I look for in the HTML to find the class or id of a specific element?

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