Aus dem Kurs: Grundlagen der Webprogrammierung: Meine erste Website

So erhalten Sie Zugriff auf diesen Kurs

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

Navigation gestalten

Navigation gestalten

Aus dem Kurs: Grundlagen der Webprogrammierung: Meine erste Website

Gratismonat starten Für Ihr Team erwerben

Navigation gestalten

“

Kommen wir zur Formatierung der Navigationsleiste und sehen uns dafür zuerst den HTML-Code an. Und Sie sehen, da gibt es eine Reihe von Klassen, also das nav-Element, das umfassende, hat die Klasse navi, die ul hat die Klasse navi__liste und die einzelnen a-Elemente, das sind hier die Verlinkungen, die haben immer die Klasse navi__link bzw. das erste Element hat noch eine zusätzliche Klasse. Die habe ich verwendet, damit man auf diese Art kennzeichnen kann, auf welcher Seite man sich gerade befindet. Kommen wir zu den Formatierungen, die ich schon einmal vorbereitet habe und beginnen von oben nach unten. Erst einmal zu dem navi-Element, das ist ja das umfassende Element, dem gebe ich ein bisschen padding, d.h. Innenabstand, und eine Hintergrundfarbe. Wenn ich das aktualisiere, dann sieht man hier, das hat soweit funktioniert. Und als Nächstes soll die ungeordnete Liste formatiert werden und da geschieht jetzt eine Reihe von Dingen und ganz wichtige Sachen. Sie sehen, plötzlich…

Inhalt