Summary  
This chapter covers using browser developer tools to locate and identify HTML elements by their tag, class, or id for subsequent selection in code.

General domain of usage  
Web development

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 
<a href="https://codefinity-content-media.s3.eu-west-1.amazonaws.com/18a4e428-1a0f-44c2-a8ad-244cd9c7985e/page.html" target="_blank"><svg width="1em" height="1em" viewBox="0 0 30 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill="none" stroke="#098f67" style="stroke: var(--color1, #098f67)" stroke-linejoin="miter" stroke-linecap="round" stroke-miterlimit="4" stroke-width="2.4156" d="M17.289 17.305v0c-1.754 1.754-4.597 1.754-6.351 0l-7.76-7.759c-1.755-1.755-1.755-4.601 0-6.356v0c1.753-1.753 4.595-1.756 6.351-0.005l6.208 6.187"></path><path fill="none" stroke="#098f67" style="stroke: var(--color1, #098f67)" stroke-linejoin="miter" stroke-linecap="round" stroke-miterlimit="4" stroke-width="2.4156" d="M12.504 13.97v0c1.754-1.754 4.597-1.754 6.351 0l7.762 7.762c1.754 1.754 1.754 4.597 0 6.351v0c-1.754 1.754-4.597 1.754-6.351 0l-5.953-5.953"></path></svg> página</a>.

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

Aprenda a extrair dados valiosos de sites automaticamente. Domine técnicas para coletar informações de forma eficiente, possibilitando análises aprofundadas, decisões orientadas por dados e a descoberta de novos insights a partir do vasto oceano de informações online.

Explore a estrutura de um arquivo HTML, aprenda a carregá-lo de forma eficiente e adquira habilidades práticas para trabalhar com os dados contidos nele.

Explore os conceitos básicos do Beautiful Soup para extrair dados de documentos HTML. Aprenda a navegar pela estrutura do HTML, acessar elementos específicos e trabalhar com seus elementos filhos para construir uma base sólida em web scraping.

Domine o trabalho com atributos de elementos e conteúdo utilizando o Beautiful Soup. Adquira habilidades para extrair informações específicas, buscar elementos por valores de atributos e aplicar técnicas avançadas para analisar e processar dados HTML de forma eficiente.

Acessando um Elemento

Acessando um Elemento