Aus dem Kurs: Grundkurs Webtechniken 1: HTML

Erhalten Sie Zugriff auf diesen Kurs – mit einer kostenlosen Probeversion

Werden Sie noch heute Mitglied und erhalten Sie Zugriff auf mehr als 24.700 Kurse von Branchenfachleuten.

Entwicklertools: HTML und CSS im Browser untersuchen

Entwicklertools: HTML und CSS im Browser untersuchen – Tutorial zu HTML

Aus dem Kurs: Grundkurs Webtechniken 1: HTML

Gratismonat starten Für Ihr Team erwerben

Entwicklertools: HTML und CSS im Browser untersuchen

“

Ich möchte Ihnen jetzt zeigen, wie man im Entwicklertool eines Browsers das HTML und CSS untersuchen kann. Ich klicke irgendwo mit rechts auf die Webseite und untersuche den Quelltext und dann erscheinen unten die Entwicklertools. Ich klicke jetzt mal auf Body und dann sieht man hier rechts bereits das CSS zur Gestaltung von Body. Und wenn ich jetzt den Header selektiere links im HTML, dann erscheint rechts daneben das CSS zur Gestaltung des Headers. Hier kann man aber nicht nur schauen, wie es aussieht, sondern man kann auch Deklarationen ausstellen, vorübergehend hier zumindest und wieder aktivieren. Und man kann auch die Werte ändern. Also statt steelblue kann ich hier für den Hintergrund irgendetwas anderes wählen. Hier kommt automatisch eine Liste mit Farbnamen und hier steht jetzt black. Dann drücke ich Enter und so würde das aussehen. Das ist hier nur im Entwicklertool zu sehen. Das ist noch nicht in den Editor zurückgeschrieben, aber man kann das natürlich auch machen, wenn…

Inhalt