Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lernen Zugriff auf ein Element | Einführung in HTML
Web Scraping Mit Python

bookZugriff auf ein Element

Da nun bekannt ist, dass HTML-Elemente verschiedene Tags verwenden und Klassen sowie IDs enthalten können, stellt sich die Frage, wie sich das tag/class/id eines bestimmten Webseiten-Elements ermitteln lässt.

Mit den Kenntnissen über DevTools ist es möglich, gezielt zu der gewünschten Position im HTML zu navigieren, die das gesuchte Element enthält. Im Chrome-Browser beispielsweise sollte auf die Schaltfläche oben links in den DevTools geklickt werden, um anschließend den Mauszeiger über den interessanten Bereich der Webseite zu bewegen.

Beim Überfahren eines Elements mit dem Mauszeiger erscheint eine kurze Übersicht. Ein Linksklick auf das Element öffnet den entsprechenden Abschnitt im HTML-Dokument.

Aufgabe

Rufen Sie die folgende Seite auf.

question mark

Verwenden Sie die DevTools, um den class-Namen aller Bilder (<img>-Tag) auf der Seite zu finden.

Select the correct answer

War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 1. Kapitel 7

Fragen Sie AI

expand

Fragen Sie AI

ChatGPT

Fragen Sie alles oder probieren Sie eine der vorgeschlagenen Fragen, um unser Gespräch zu beginnen

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

bookZugriff auf ein Element

Swipe um das Menü anzuzeigen

Da nun bekannt ist, dass HTML-Elemente verschiedene Tags verwenden und Klassen sowie IDs enthalten können, stellt sich die Frage, wie sich das tag/class/id eines bestimmten Webseiten-Elements ermitteln lässt.

Mit den Kenntnissen über DevTools ist es möglich, gezielt zu der gewünschten Position im HTML zu navigieren, die das gesuchte Element enthält. Im Chrome-Browser beispielsweise sollte auf die Schaltfläche oben links in den DevTools geklickt werden, um anschließend den Mauszeiger über den interessanten Bereich der Webseite zu bewegen.

Beim Überfahren eines Elements mit dem Mauszeiger erscheint eine kurze Übersicht. Ein Linksklick auf das Element öffnet den entsprechenden Abschnitt im HTML-Dokument.

Aufgabe

Rufen Sie die folgende Seite auf.

question mark

Verwenden Sie die DevTools, um den class-Namen aller Bilder (<img>-Tag) auf der Seite zu finden.

Select the correct answer

War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 1. Kapitel 7
some-alt