diff --git a/web/01/labor/01_loesungen/Bilder/Rose.png b/web/01/labor/01_loesungen/Bilder/Rose.png new file mode 100644 index 0000000..e0ae780 Binary files /dev/null and b/web/01/labor/01_loesungen/Bilder/Rose.png differ diff --git a/web/01/labor/01_loesungen/Bilder/Vergissmeinnicht.png b/web/01/labor/01_loesungen/Bilder/Vergissmeinnicht.png new file mode 100644 index 0000000..fc157ea Binary files /dev/null and b/web/01/labor/01_loesungen/Bilder/Vergissmeinnicht.png differ diff --git a/web/01/labor/01_loesungen/uebung1.html b/web/01/labor/01_loesungen/uebung1.html new file mode 100644 index 0000000..ccf6f71 --- /dev/null +++ b/web/01/labor/01_loesungen/uebung1.html @@ -0,0 +1,15 @@ + + + + + Überschriften + + +

H1-Überschrift

+

H2-Überschrift

+

H3-Überschrift

+

H4-Überschrift

+
H5-Überschrift
+
H6-Überschrift
+ + \ No newline at end of file diff --git a/web/01/labor/01_loesungen/uebung2.md b/web/01/labor/01_loesungen/uebung2.md new file mode 100644 index 0000000..460ce30 --- /dev/null +++ b/web/01/labor/01_loesungen/uebung2.md @@ -0,0 +1,12 @@ +- Beispiel 1: + - Variante A: schließender Tag fehlerhaft +- Beispiel 2: + - Variante B: Schließendes Tag fehlt. +- Beispiel 3: + - Variante B: img-Tag hat ist ein Void-Element, hat also kein schließendes Tag. +- Beispiel 4: + - Variante A: Schließendes Tag fehlt. +- Beispiel 5: + - Variante A: href-Attribut fehlt. +- Beispiel 6: + - Variante B: #-Marker fehlt in Sprungmarke. \ No newline at end of file diff --git a/web/01/labor/01_loesungen/uebung3.html b/web/01/labor/01_loesungen/uebung3.html new file mode 100644 index 0000000..a703022 --- /dev/null +++ b/web/01/labor/01_loesungen/uebung3.html @@ -0,0 +1,124 @@ + + + + + + Struktur, Text, Sprungmarken und Links + + + + Springe zu Absatz 10 +

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec auctor feugiat magna non consequat. Etiam + volutpat + elementum elit in ornare. Integer dictum egestas est, vitae cursus nisl varius a. Etiam ut nunc lacinia, + suscipit + turpis ut, euismod libero. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus + mus. + Pellentesque a ante libero. Vivamus scelerisque, dolor at tempus dignissim, mi nisl viverra elit, eu lacinia + ipsum + nulla vitae justo. Morbi maximus vestibulum lectus. Suspendisse vulputate, ligula sed tincidunt vehicula, augue + augue euismod ipsum, in lacinia ex risus sit amet nisi. Orci varius natoque penatibus et magnis dis parturient + montes, nascetur ridiculus mus. Nunc vestibulum, ipsum eget consequat porta, augue justo consequat ipsum, sed + rutrum + lacus turpis in lorem. Pellentesque consectetur varius aliquam. +

+

+ Morbi tincidunt varius lectus. Proin in massa et sem consequat ullamcorper. Curabitur aliquam ultricies neque + quis + semper. Praesent pellentesque semper mi, sit amet auctor justo hendrerit in. Sed congue mollis rutrum. + Suspendisse + ligula nulla, dapibus non ultricies ac, convallis vel odio. Maecenas suscipit metus nunc, non accumsan elit + congue + eget. Donec sit amet mi ut tellus efficitur posuere. Maecenas pellentesque vitae lectus quis feugiat. + Suspendisse + potenti. Praesent finibus diam at est pellentesque, imperdiet luctus enim varius. Etiam bibendum at dolor + fringilla + interdum. Nulla dictum vulputate velit, et viverra ipsum consequat eu. +

+

+ Fusce id euismod justo. Praesent posuere eros sed justo fringilla, id euismod metus consectetur. Sed volutpat + tempor + faucibus. Aenean pulvinar malesuada dictum. Etiam viverra augue non mi maximus, ut pellentesque quam congue. + Nulla + facilisi. Aenean cursus felis quis rhoncus rhoncus. Donec consectetur ullamcorper semper. Aliquam tristique elit + sed + pharetra tincidunt. Cras eget vehicula enim, in pulvinar elit. Aenean suscipit magna vel efficitur volutpat. + Vestibulum sed accumsan lectus. +

+

+ Vivamus venenatis pellentesque ex nec egestas. Phasellus lobortis diam nec risus feugiat, a pretium odio + ultricies. + Nunc porttitor ac arcu at blandit. Nullam euismod faucibus odio, vel mattis eros convallis quis. Nulla suscipit + elit + arcu, eu pellentesque sapien mattis sed. Donec tempus nibh sed ultricies facilisis. Fusce eget tortor risus. +

+

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec auctor feugiat magna non consequat. Etiam + volutpat + elementum elit in ornare. Integer dictum egestas est, vitae cursus nisl varius a. Etiam ut nunc lacinia, + suscipit + turpis ut, euismod libero. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus + mus. + Pellentesque a ante libero. Vivamus scelerisque, dolor at tempus dignissim, mi nisl viverra elit, eu lacinia + ipsum + nulla vitae justo. Morbi maximus vestibulum lectus. Suspendisse vulputate, ligula sed tincidunt vehicula, augue + augue euismod ipsum, in lacinia ex risus sit amet nisi. Orci varius natoque penatibus et magnis dis parturient + montes, nascetur ridiculus mus. Nunc vestibulum, ipsum eget consequat porta, augue justo consequat ipsum, sed + rutrum + lacus turpis in lorem. Pellentesque consectetur varius aliquam. +

+

+ Morbi tincidunt varius lectus. Proin in massa et sem consequat ullamcorper. Curabitur aliquam ultricies neque + quis + semper. Praesent pellentesque semper mi, sit amet auctor justo hendrerit in. Sed congue mollis rutrum. + Suspendisse + ligula nulla, dapibus non ultricies ac, convallis vel odio. Maecenas suscipit metus nunc, non accumsan elit + congue + eget. Donec sit amet mi ut tellus efficitur posuere. Maecenas pellentesque vitae lectus quis feugiat. + Suspendisse + potenti. Praesent finibus diam at est pellentesque, imperdiet luctus enim varius. Etiam bibendum at dolor + fringilla + interdum. Nulla dictum vulputate velit, et viverra ipsum consequat eu. +

+

+ Fusce id euismod justo. Praesent posuere eros sed justo fringilla, id euismod metus consectetur. Sed volutpat + tempor + faucibus. Aenean pulvinar malesuada dictum. Etiam viverra augue non mi maximus, ut pellentesque quam congue. + Nulla + facilisi. Aenean cursus felis quis rhoncus rhoncus. Donec consectetur ullamcorper semper. Aliquam tristique elit + sed + pharetra tincidunt. Cras eget vehicula enim, in pulvinar elit. Aenean suscipit magna vel efficitur volutpat. + Vestibulum sed accumsan lectus. +

+

+ Vivamus venenatis pellentesque ex nec egestas. Phasellus lobortis diam nec risus feugiat, a pretium odio + ultricies. + Nunc porttitor ac arcu at blandit. Nullam euismod faucibus odio, vel mattis eros convallis quis. Nulla suscipit + elit + arcu, eu pellentesque sapien mattis sed. Donec tempus nibh sed ultricies facilisis. Fusce eget tortor risus. +

+

+ Vivamus venenatis pellentesque ex nec egestas. Phasellus lobortis diam nec risus feugiat, a pretium odio + ultricies. + Nunc porttitor ac arcu at blandit. Nullam euismod faucibus odio, vel mattis eros convallis quis. Nulla suscipit + elit + arcu, eu pellentesque sapien mattis sed. Donec tempus nibh sed ultricies facilisis. Fusce eget tortor risus. +

+ +

Absatz 10

+

+ Vivamus congue facilisis elit, ut malesuada nunc elementum a. In lacinia sit amet lacus et tempus. Cras a + consectetur nulla. Aenean pretium sit amet metus quis posuere. Vestibulum ante ipsum primis in faucibus orci + luctus + et ultrices posuere cubilia curae; Fusce sagittis ut quam id luctus. Nunc commodo ligula et fermentum + tristique. + Gehe zu Google + Etiam feugiat sit amet odio et efficitur. Vivamus quis augue tristique ante interdum malesuada. Vestibulum + sagittis + enim erat, sit amet pretium purus aliquam ut. +

+ + + + \ No newline at end of file diff --git a/web/01/labor/01_loesungen/uebung4.html b/web/01/labor/01_loesungen/uebung4.html new file mode 100644 index 0000000..29346a7 --- /dev/null +++ b/web/01/labor/01_loesungen/uebung4.html @@ -0,0 +1,16 @@ + + + + + Bilder + + +

Schöne Blumenbilder

+

Vergissmeinnicht

+ Vergissmeinnicht +
+

Rose

+ Rose +
+ + \ No newline at end of file diff --git a/web/01/labor/01_loesungen/uebung5/Home/Damen/Fahrraeder.html b/web/01/labor/01_loesungen/uebung5/Home/Damen/Fahrraeder.html new file mode 100644 index 0000000..abc875c --- /dev/null +++ b/web/01/labor/01_loesungen/uebung5/Home/Damen/Fahrraeder.html @@ -0,0 +1,11 @@ + + + + + + Damen-Fahrräder + + +

"Alle 🚲 für Damen in den Farben: Rot, Grün & Blau."

+ + \ No newline at end of file diff --git a/web/01/labor/01_loesungen/uebung5/Home/Herren/Fahrraeder.html b/web/01/labor/01_loesungen/uebung5/Home/Herren/Fahrraeder.html new file mode 100644 index 0000000..00c1913 --- /dev/null +++ b/web/01/labor/01_loesungen/uebung5/Home/Herren/Fahrraeder.html @@ -0,0 +1,11 @@ + + + + + + Herren-Fahrräder + + + Alles für Herren. + + \ No newline at end of file diff --git a/web/01/labor/01_loesungen/uebung5/Home/Unisex/Fahrraeder.html b/web/01/labor/01_loesungen/uebung5/Home/Unisex/Fahrraeder.html new file mode 100644 index 0000000..9b21cd0 --- /dev/null +++ b/web/01/labor/01_loesungen/uebung5/Home/Unisex/Fahrraeder.html @@ -0,0 +1,11 @@ + + + + + + Unisex-Fahrräder + + + Alles für alle. + + \ No newline at end of file diff --git a/web/01/labor/01_loesungen/uebung5/Produkte.html b/web/01/labor/01_loesungen/uebung5/Produkte.html new file mode 100644 index 0000000..b677a70 --- /dev/null +++ b/web/01/labor/01_loesungen/uebung5/Produkte.html @@ -0,0 +1,13 @@ + + + + + + + Produkte + + + Link zu Herren-Fahrrädern. + Link zu Unisex-Fahrrädern. + + \ No newline at end of file