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.