diff --git a/web/01/loesungen/01/Antworten_zu_Aufg_1_und_2.md b/web/01/loesungen/01/Antworten_zu_Aufg_1_und_2.md new file mode 100644 index 0000000..671e8f4 --- /dev/null +++ b/web/01/loesungen/01/Antworten_zu_Aufg_1_und_2.md @@ -0,0 +1,87 @@ +# Aufgabe 1: +```html + + + + + 1. Testwebseite + + + +

1. Überschrift

+

2. Überschrift

+

3. Überschrift

+

4. Überschrift

+
5. Überschrift
+
6. Überschrift
+ +``` + +# Aufgabe 2: + +## Beispiel 1: +```html +

Willkommen

+

Willkommen

+``` +Antwort: Variante A ist falsch, da der 2. \

tag kein schließender Tag ist. + +## Beispiel 2: +```html +

Dies ist ein Absatz.

+

Dies ist ein Absatz. +``` +Antwort: Variante B ist falsch, da der End Tag fehlt. + +## Beispiel 3: +```html +Beschreibung +bild.jpg +``` +Antwort: Variante B ist falsch, da die Attribute für den Tag nicht verwendet wurden. + +## Beispiel 4: +### Variante A: +```html +

+``` + +### Variante B: +```html + +``` +Antwort: Variante A ist falsch, da die schließenden Tags für die entsprechenden Listeneinträge fehlen. + +## Beispiel 5: +### Variante A: +```html +Zur Website +``` + +### Variante B: +```html +Zur Website +``` +Antwort: Variante A ist falsch, da das "href" Attribut nicht gesetzt worden ist. + +## Beispiel 6: +### Variante A: +```html +Zum Kontaktbereich springen +... +

Kontakt

+``` + +### Variante B: +```html +Zum Kontaktbereich springen +... +

Kontakt

+``` +Antwort: Variante A ist falsch, da der "href" Attributwert keine Raute enthält. \ No newline at end of file diff --git a/web/01/loesungen/01/Aufgabe_3.html b/web/01/loesungen/01/Aufgabe_3.html new file mode 100644 index 0000000..f6fad25 --- /dev/null +++ b/web/01/loesungen/01/Aufgabe_3.html @@ -0,0 +1,107 @@ + + + + + + + + Zum 10. Absatz springen + +

1. Absatz

+

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc commodo semper velit, eu consectetur quam mollis + eget. In tristique iaculis diam pharetra finibus. Quisque rhoncus vel leo nec vulputate. Nulla ullamcorper porta + odio id molestie. Nunc sollicitudin lorem a libero faucibus, quis elementum erat posuere. In vulputate egestas + ante, eget sodales nisi lacinia ut. Aliquam quis erat venenatis ex tristique finibus. Quisque et consectetur + metus. Pellentesque vitae pretium eros. Sed nec porta nulla. Curabitur eu placerat mi. Nunc sed posuere sapien. +

+ +

2. Absatz

+

+ Nam vitae nulla turpis. Proin est sem, finibus quis sagittis eget, luctus eu justo. Phasellus mauris sem, + commodo eget arcu et, porta fringilla turpis. Cras a erat sed metus placerat vehicula. Etiam scelerisque + vestibulum erat id laoreet. Phasellus condimentum odio quis nisl tempor iaculis in id orci. Integer rutrum + lectus a metus euismod maximus. Nam porta, purus ac fermentum semper, ipsum est accumsan nunc, eu finibus leo + libero nec massa. Sed augue ex, efficitur in libero id, posuere ullamcorper ante. Cras feugiat tempor magna, at + cursus augue aliquam ac. +

+ +

3. Absatz

+

+ Vestibulum vel mauris ac purus ultrices molestie. Mauris dictum, lorem nec hendrerit pretium, lectus urna + pulvinar eros, vitae vestibulum lectus turpis vel ipsum. Nunc accumsan ante et enim euismod pellentesque. + Phasellus pulvinar turpis nec dui aliquet, et ultricies ante gravida. Nulla ultrices vel tellus eget hendrerit. + Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Donec feugiat, risus non + mattis lacinia, ante velit pretium mi, vitae posuere nunc sem eget neque. Praesent mi justo, mollis ac maximus + sed, congue in augue. Nulla eleifend risus vitae leo faucibus facilisis. Quisque egestas vel diam at convallis. +

+ +

4. Absatz

+

+ Mauris in maximus nulla. Etiam neque turpis, rhoncus vel libero id, vulputate tempor ante. Ut aliquet vulputate + odio, vel fermentum mauris. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus + mus. Suspendisse tempor metus magna, ut elementum diam imperdiet a. Praesent pharetra ante arcu, ac tempus + lectus auctor in. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. In + vitae dui sit amet elit dapibus lobortis. Vivamus consequat lorem quis est aliquet, accumsan tincidunt mi + dignissim. +

+ +

5. Absatz

+

+ Donec pellentesque risus id lorem ullamcorper suscipit. Sed nec venenatis risus. Proin ultrices purus sit amet + dictum posuere. Phasellus et euismod ex. Curabitur lacinia laoreet mi vel suscipit. Proin posuere eros eu urna + ullamcorper, eget pretium tellus dignissim. Suspendisse varius ex est, et tempor elit convallis sed. + Pellentesque et diam id purus mattis malesuada a eu erat. Pellentesque habitant morbi tristique senectus et + netus et malesuada fames ac turpis egestas. +

+ +

6. Absatz

+

+ Cras blandit ultrices augue, vel aliquam sem lacinia quis. Proin dapibus tortor nibh, nec varius lorem blandit + sit amet. Duis maximus ex at tincidunt consequat. Cras sodales nisl quis est ornare, in molestie elit viverra. + Donec semper pellentesque laoreet. Nullam faucibus sodales euismod. Nunc erat mi, luctus nec est ac, tempus + dignissim eros. Vestibulum a magna felis. +

+ +

7. Absatz

+

+ Nulla auctor malesuada placerat. Morbi luctus tortor at enim vehicula imperdiet. Nulla sed feugiat nisl. Nullam + vestibulum iaculis dapibus. Etiam ac hendrerit purus, sit amet lobortis est. Mauris eu dui vel massa placerat + volutpat ut at risus. Donec in euismod nisl, in tempus mauris. +

+ +

8. Absatz

+

+ Ut rutrum sem sit amet volutpat iaculis. Quisque vehicula velit leo, nec luctus leo accumsan blandit. Nam + pretium justo non tempus ultricies. Ut ultrices in arcu in vehicula. Nullam blandit, sem ut dapibus finibus, sem + ligula pellentesque sapien, et rutrum est tellus sit amet sem. Ut sit amet tortor lacinia turpis auctor posuere. + Nam hendrerit erat vitae varius bibendum. Donec eu dictum lacus. Mauris finibus, arcu eget volutpat gravida, + libero arcu efficitur neque, quis maximus nulla diam in quam. Suspendisse et arcu non arcu mollis luctus in sit + amet libero. Mauris id turpis eget odio tincidunt consectetur vel quis nisi. Suspendisse nec tellus orci. Donec + id quam vel libero finibus dictum. Phasellus eleifend dolor ut est volutpat gravida. +

+ +

9. Absatz

+

+ Mauris luctus orci eu velit bibendum, eget facilisis nibh feugiat. Praesent tincidunt viverra congue. Aliquam + non ligula quis lorem rhoncus dictum. Vivamus porta eu ante eget cursus. Nunc a libero sit amet mi mattis + euismod. Donec posuere sollicitudin ipsum a consectetur. Pellentesque sit amet vestibulum tortor. Curabitur id + ex non eros auctor tempus in vel tellus. Aliquam condimentum ex a nibh tincidunt, at placerat tortor pulvinar. + In aliquam, elit vitae volutpat convallis, sapien mauris vehicula mauris, eu placerat elit augue sit amet + lectus. Pellentesque blandit venenatis eros, non varius orci hendrerit a. Proin diam mi, mollis vel sollicitudin + id, ullamcorper et mauris. Ut malesuada pharetra nunc, vitae ultrices arcu. Nullam aliquet lobortis dui, et + pellentesque enim sollicitudin non. Nullam nulla lorem, malesuada quis est sed, sollicitudin mollis urna. +

+ +

10. Absatz

+

+ Proin auctor ullamcorper dapibus. Sed semper congue turpis, eu commodo nisi aliquam et. Ut placerat dignissim + leo, ut commodo nibh fermentum vel. Maecenas sed elementum augue. Etiam semper lacinia velit, sed aliquet tellus + pharetra non. Integer ac purus ligula. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sodales + suscipit diam ac viverra. Vestibulum at orci in dui hendrerit mollis quis ac orci. Integer sed justo id libero + dapibus dictum sit amet at magna. Nullam commodo diam id mauris gravida, vitae egestas ipsum consectetur. Nulla + eu quam urna. Mauris aliquam ligula sit amet libero bibendum scelerisque. Duis lobortis posuere nisl sit amet + vehicula. Mit google erstellt +

+ + \ No newline at end of file diff --git a/web/01/loesungen/01/Aufgabe_4.html b/web/01/loesungen/01/Aufgabe_4.html new file mode 100644 index 0000000..4732023 --- /dev/null +++ b/web/01/loesungen/01/Aufgabe_4.html @@ -0,0 +1,10 @@ + + + + + + Ein Bild mit Nullen und Einsen +
+ Ein Bild von einer Bibliothek + + \ No newline at end of file diff --git a/web/01/loesungen/01/Pictures_Aufgabe_4/binary.jpg b/web/01/loesungen/01/Pictures_Aufgabe_4/binary.jpg new file mode 100644 index 0000000..a040f40 Binary files /dev/null and b/web/01/loesungen/01/Pictures_Aufgabe_4/binary.jpg differ diff --git a/web/01/loesungen/01/Pictures_Aufgabe_4/library.jpg b/web/01/loesungen/01/Pictures_Aufgabe_4/library.jpg new file mode 100644 index 0000000..aaf317c Binary files /dev/null and b/web/01/loesungen/01/Pictures_Aufgabe_4/library.jpg differ