Übung HTML Header und Navigation
https://www.golabs.ch/16px?&atom
Thu, 28 Mar 2024 12:51:47 +0000
stack.ch
https://stack.ch/
f033fff9-ed01-11ee-8c11-005056bb85fb
Simtech AG - Ausbildung - Internet Web Kurse - Kurs HTML, XHTML, CSS Einführung - Kurs HTML, XHTML und CSS - Ressourcen - Kurs HTML, XHTML und CSS - Übungen HTML - Übung HTML Header und Navigation
https://www.golabs.ch/16px
f034017d-ed01-11ee-8c11-005056bb85fb
Thu, 28 Mar 2024 12:51:47 +0000
Übung HTML Header/Footer und Navigation
https://www.golabs.ch/16px
f03402b0-ed01-11ee-8c11-005056bb85fb
Thu, 28 Mar 2024 12:51:47 +0000
https://www.golabs.ch/16px
f03403b9-ed01-11ee-8c11-005056bb85fb
Thu, 28 Mar 2024 12:51:47 +0000
Mit dieser Übung definieren wir Top einen Header mit einem zentralen Titel. Hierzu können wir das schemantische <header>-Element verwenden, z.B:<header>HTML CSS Kurs</header>Fügen Sie das <header>-Tag direkt nach dem <body>-Tag ein.
https://www.golabs.ch/16px
f0340584-ed01-11ee-8c11-005056bb85fb
Thu, 28 Mar 2024 12:51:47 +0000
Nun definieren wir den Footer über das schemantische <footer>-Element, z.B:<footer>© Copyright me 2020</footer>Fügen Sie das <footer>-Tag direkt vor dem </body>-Tag ein.
https://www.golabs.ch/16px
f03406f1-ed01-11ee-8c11-005056bb85fb
Thu, 28 Mar 2024 12:51:47 +0000
Mit dem semantischen <nav>-Element definieren wir den Navigationsbereich. Solcher enthält die Links zu den weiteren Sites. z.B:<nav><a href="/">Home<a></nav>
https://www.golabs.ch/16px
f0340843-ed01-11ee-8c11-005056bb85fb
Thu, 28 Mar 2024 12:51:47 +0000
Definieren Sie CSS Styles, so dass Header-, Footer und Navigation schön platziert sind, z.B:header {
background-color: #666;
padding: 30px;
text-align: center;
font-size: 35px;
color: white;
}
nav {
background-color: #222;
padding: 1em;
}
nav a {
text-decoration: none;
color: #fff;
padding: 1em;
}
footer {
background-color: #666;
text-align: center;
padding: 4px;
font-size: 16px;
color: white;
}
footer a {
color: white;
text-decoration: underline;
}
https://www.golabs.ch/16px
f0340b5a-ed01-11ee-8c11-005056bb85fb
Thu, 28 Mar 2024 12:51:47 +0000
Mögliche Lösungen finden Sie hier.
-
Über uns
https://www.golabs.ch/about
Thu, 28 Mar 2024 12:51:47 +0000
f03413ca-ed01-11ee-8c11-005056bb85fb
-
Aktuell
https://www.golabs.ch/
Thu, 28 Mar 2024 12:51:47 +0000
f0341489-ed01-11ee-8c11-005056bb85fb
-
AGB
https://www.golabs.ch/agb
Thu, 28 Mar 2024 12:51:47 +0000
f0341525-ed01-11ee-8c11-005056bb85fb
-
Bildungswege
https://www.golabs.ch/bildungswege
Thu, 28 Mar 2024 12:51:47 +0000
f03415c5-ed01-11ee-8c11-005056bb85fb
-
Blog
https://www.golabs.ch/blog
Thu, 28 Mar 2024 12:51:47 +0000
f0341661-ed01-11ee-8c11-005056bb85fb
-
Rufen Sie mich an
https://www.golabs.ch/callus
Thu, 28 Mar 2024 12:51:47 +0000
f034171c-ed01-11ee-8c11-005056bb85fb
-
Charts
https://www.golabs.ch/charts
Thu, 28 Mar 2024 12:51:47 +0000
f03417be-ed01-11ee-8c11-005056bb85fb
-
Consulting
https://www.golabs.ch/consulting
Thu, 28 Mar 2024 12:51:47 +0000
f034186d-ed01-11ee-8c11-005056bb85fb
-
Kontakt
https://www.golabs.ch/contact
Thu, 28 Mar 2024 12:51:47 +0000
f034190b-ed01-11ee-8c11-005056bb85fb
-
Ausbildung/Kurse
https://www.golabs.ch/education
Thu, 28 Mar 2024 12:51:47 +0000
f03419a6-ed01-11ee-8c11-005056bb85fb
-
Software Engineering
https://www.golabs.ch/engineering
Thu, 28 Mar 2024 12:51:47 +0000
f0341a3e-ed01-11ee-8c11-005056bb85fb
-
Freelancer
https://www.golabs.ch/freelancer
Thu, 28 Mar 2024 12:51:47 +0000
f0341adb-ed01-11ee-8c11-005056bb85fb
-
Impressum
https://www.golabs.ch/impressum
Thu, 28 Mar 2024 12:51:47 +0000
f0341b76-ed01-11ee-8c11-005056bb85fb
-
Kursleiter
https://www.golabs.ch/kursleiter
Thu, 28 Mar 2024 12:51:47 +0000
f0341c1e-ed01-11ee-8c11-005056bb85fb
-
Netzwerk
https://www.golabs.ch/network
Thu, 28 Mar 2024 12:51:47 +0000
f0341cda-ed01-11ee-8c11-005056bb85fb
-
Referenzen
https://www.golabs.ch/references
Thu, 28 Mar 2024 12:51:47 +0000
f0341dda-ed01-11ee-8c11-005056bb85fb
-
Sitemap
https://www.golabs.ch/sitemap
Thu, 28 Mar 2024 12:51:47 +0000
f0341e85-ed01-11ee-8c11-005056bb85fb
-
Tools
https://www.golabs.ch/tools
Thu, 28 Mar 2024 12:51:47 +0000
f0341f2b-ed01-11ee-8c11-005056bb85fb
-
Vision
https://www.golabs.ch/vision
Thu, 28 Mar 2024 12:51:47 +0000
f0341fd3-ed01-11ee-8c11-005056bb85fb