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 Sie nun wissen, dass HTML-Elemente verschiedene Tags verwenden und Klassen sowie IDs enthalten können, stellt sich die Frage: Wie lässt sich das tag/class/id eines bestimmten Webseite-Elements ermitteln?

Da Sie mit DevTools vertraut sind, können Sie problemlos zu einer bestimmten Position im HTML navigieren, die das gewünschte Element enthält. Im Chrome-Browser beispielsweise sollte auf die Schaltfläche oben links in den DevTools mit der linken Maustaste geklickt werden, anschließend bewegen Sie den Mauszeiger über den Bereich der Webseite, der Ihr Interesse weckt.

Beim Überfahren eines Elements mit dem Mauszeiger erhalten Sie 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 Sie nun wissen, dass HTML-Elemente verschiedene Tags verwenden und Klassen sowie IDs enthalten können, stellt sich die Frage: Wie lässt sich das tag/class/id eines bestimmten Webseite-Elements ermitteln?

Da Sie mit DevTools vertraut sind, können Sie problemlos zu einer bestimmten Position im HTML navigieren, die das gewünschte Element enthält. Im Chrome-Browser beispielsweise sollte auf die Schaltfläche oben links in den DevTools mit der linken Maustaste geklickt werden, anschließend bewegen Sie den Mauszeiger über den Bereich der Webseite, der Ihr Interesse weckt.

Beim Überfahren eines Elements mit dem Mauszeiger erhalten Sie 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