Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprenda Acessando um Elemento | Familiarização com HTML
Quizzes & Challenges
Quizzes
Challenges
/
Web Scraping com Python

bookAcessando um Elemento

Agora que você sabe que os elementos HTML utilizam várias tags e podem incorporar classes e ids, como identificar o tag/class/id de um elemento específico de uma página web?

Como você já está familiarizado com o DevTools, é possível navegar facilmente até uma posição específica que contenha o elemento desejado no HTML. Por exemplo, no navegador Chrome, clique com o botão esquerdo no botão superior esquerdo do DevTools e, em seguida, passe o cursor sobre a área da página que desperta seu interesse.

Ao passar o cursor sobre um elemento, uma breve visão geral será exibida. Um clique com o botão esquerdo no elemento revelará a seção correspondente dentro do documento HTML.

Tarefa

Acesse o seguinte página.

question mark

Utilizando o DevTools, encontre o nome da class de todas as imagens (tag <img>) na página.

Select the correct answer

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 1. Capítulo 7

Pergunte à IA

expand

Pergunte à IA

ChatGPT

Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo

Awesome!

Completion rate improved to 4.35

bookAcessando um Elemento

Deslize para mostrar o menu

Agora que você sabe que os elementos HTML utilizam várias tags e podem incorporar classes e ids, como identificar o tag/class/id de um elemento específico de uma página web?

Como você já está familiarizado com o DevTools, é possível navegar facilmente até uma posição específica que contenha o elemento desejado no HTML. Por exemplo, no navegador Chrome, clique com o botão esquerdo no botão superior esquerdo do DevTools e, em seguida, passe o cursor sobre a área da página que desperta seu interesse.

Ao passar o cursor sobre um elemento, uma breve visão geral será exibida. Um clique com o botão esquerdo no elemento revelará a seção correspondente dentro do documento HTML.

Tarefa

Acesse o seguinte página.

question mark

Utilizando o DevTools, encontre o nome da class de todas as imagens (tag <img>) na página.

Select the correct answer

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 1. Capítulo 7
some-alt