Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprende Inspección de Páginas | Familiarizándose con HTML
Web Scraping con Python

bookInspección de Páginas

¿Cómo interactuamos con un sitio web? ¿Podemos acceder a su estructura HTML? La respuesta es sí. La mayoría de los navegadores ofrecen funciones que permiten examinar la estructura de cualquier página web que esté visitando. Incluso es posible realizar cambios temporales en una página, pero estas modificaciones solo serán visibles para usted. Este conjunto de herramientas se conoce comúnmente como DevTools.

Para acceder a DevTools en el navegador Chrome, haga clic derecho en cualquier parte de la página y seleccione Inspeccionar en el menú que aparece. Por ejemplo, abra la página de prueba. Haga clic derecho en cualquier parte de la página y pulse el botón Inspeccionar. Ahora puede examinar la estructura de la página web y realizar los cambios que desee.

Tarea

Diríjase a la siguiente página.

question mark

¿Qué se almacena dentro del segundo elemento <div> (que es hijo del elemento <body>)?

Select the correct answer

¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 1. Capítulo 4

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 use DevTools to inspect the HTML structure on the page?

Can I make changes to the webpage using DevTools?

What should I look for when examining the webpage structure?

Awesome!

Completion rate improved to 4.35

bookInspección de Páginas

Desliza para mostrar el menú

¿Cómo interactuamos con un sitio web? ¿Podemos acceder a su estructura HTML? La respuesta es sí. La mayoría de los navegadores ofrecen funciones que permiten examinar la estructura de cualquier página web que esté visitando. Incluso es posible realizar cambios temporales en una página, pero estas modificaciones solo serán visibles para usted. Este conjunto de herramientas se conoce comúnmente como DevTools.

Para acceder a DevTools en el navegador Chrome, haga clic derecho en cualquier parte de la página y seleccione Inspeccionar en el menú que aparece. Por ejemplo, abra la página de prueba. Haga clic derecho en cualquier parte de la página y pulse el botón Inspeccionar. Ahora puede examinar la estructura de la página web y realizar los cambios que desee.

Tarea

Diríjase a la siguiente página.

question mark

¿Qué se almacena dentro del segundo elemento <div> (que es hijo del elemento <body>)?

Select the correct answer

¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

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