Acessando 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é a posição específica que contém 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, será exibida uma breve visão geral. Um clique com o botão esquerdo no elemento revelará a seção correspondente dentro do documento HTML.
Tarefa
Acesse o seguinte página.
Obrigado pelo seu feedback!
Pergunte à IA
Pergunte à IA
Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo
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.35Acessando 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é a posição específica que contém 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, será exibida uma breve visão geral. Um clique com o botão esquerdo no elemento revelará a seção correspondente dentro do documento HTML.
Tarefa
Acesse o seguinte página.
Obrigado pelo seu feedback!
