Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Impara Accesso a un elemento | Introduzione all'HTML
Web Scraping con Python

bookAccesso a un elemento

Ora che sai che gli elementi HTML utilizzano vari tag e possono incorporare classi e id, come puoi determinare il tag/class/id di uno specifico elemento di una pagina web?

Poiché conosci già DevTools, puoi facilmente navigare fino a una posizione specifica contenente l'elemento desiderato nell'HTML. Ad esempio, nel browser Chrome, dovresti cliccare con il tasto sinistro sul pulsante in alto a sinistra di DevTools e poi passare il cursore sull'area della pagina web che ti interessa.

Quando passi il cursore su un elemento, riceverai una breve panoramica. Un clic sinistro sull'elemento mostrerà la sezione corrispondente all'interno del documento HTML.

Attività

Vai al seguente pagina.

question mark

Utilizzando DevTools, individua il nome della class di tutte le immagini (tag <img>) presenti nella pagina.

Select the correct answer

Tutto è chiaro?

Come possiamo migliorarlo?

Grazie per i tuoi commenti!

Sezione 1. Capitolo 7

Chieda ad AI

expand

Chieda ad AI

ChatGPT

Chieda pure quello che desidera o provi una delle domande suggerite per iniziare la nostra conversazione

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

bookAccesso a un elemento

Scorri per mostrare il menu

Ora che sai che gli elementi HTML utilizzano vari tag e possono incorporare classi e id, come puoi determinare il tag/class/id di uno specifico elemento di una pagina web?

Poiché conosci già DevTools, puoi facilmente navigare fino a una posizione specifica contenente l'elemento desiderato nell'HTML. Ad esempio, nel browser Chrome, dovresti cliccare con il tasto sinistro sul pulsante in alto a sinistra di DevTools e poi passare il cursore sull'area della pagina web che ti interessa.

Quando passi il cursore su un elemento, riceverai una breve panoramica. Un clic sinistro sull'elemento mostrerà la sezione corrispondente all'interno del documento HTML.

Attività

Vai al seguente pagina.

question mark

Utilizzando DevTools, individua il nome della class di tutte le immagini (tag <img>) presenti nella pagina.

Select the correct answer

Tutto è chiaro?

Come possiamo migliorarlo?

Grazie per i tuoi commenti!

Sezione 1. Capitolo 7
some-alt