Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprende Acceso a un Elemento | Familiarizándose con HTML
Web Scraping con Python

bookAcceso a un Elemento

Ahora que sabes que los elementos HTML utilizan diversas etiquetas y pueden incorporar clases e ids, ¿cómo puedes determinar el tag/class/id de un elemento específico de una página web?

Dado que estás familiarizado con DevTools, puedes navegar fácilmente hasta una posición específica que contenga el elemento deseado en el HTML. Por ejemplo, en el navegador Chrome, debes hacer clic izquierdo en el botón superior izquierdo de DevTools y luego colocar el cursor sobre el área de la página web que te interese.

Al pasar el cursor sobre un elemento, recibirás una breve descripción general. Un clic izquierdo en el elemento mostrará la sección correspondiente dentro del documento HTML.

Tarea

Dirígete al siguiente página.

question mark

Utilizando las DevTools, encuentra el nombre de la class de todas las imágenes (etiqueta <img>) en la página.

Select the correct answer

¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 1. Capítulo 7

Pregunte a AI

expand

Pregunte a AI

ChatGPT

Pregunte lo que quiera o pruebe una de las preguntas sugeridas para comenzar nuestra charla

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

bookAcceso a un Elemento

Desliza para mostrar el menú

Ahora que sabes que los elementos HTML utilizan diversas etiquetas y pueden incorporar clases e ids, ¿cómo puedes determinar el tag/class/id de un elemento específico de una página web?

Dado que estás familiarizado con DevTools, puedes navegar fácilmente hasta una posición específica que contenga el elemento deseado en el HTML. Por ejemplo, en el navegador Chrome, debes hacer clic izquierdo en el botón superior izquierdo de DevTools y luego colocar el cursor sobre el área de la página web que te interese.

Al pasar el cursor sobre un elemento, recibirás una breve descripción general. Un clic izquierdo en el elemento mostrará la sección correspondiente dentro del documento HTML.

Tarea

Dirígete al siguiente página.

question mark

Utilizando las DevTools, encuentra el nombre de la class de todas las imágenes (etiqueta <img>) en la página.

Select the correct answer

¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 1. Capítulo 7
some-alt