diff --git a/M1/logo-FH.png b/M1/beispiele/logo-FH.png
similarity index 100%
rename from M1/logo-FH.png
rename to M1/beispiele/logo-FH.png
diff --git a/M1/beispiele/m1_4c_bild.html b/M1/beispiele/m1_4c_bild.html
new file mode 100644
index 0000000..71a1e03
--- /dev/null
+++ b/M1/beispiele/m1_4c_bild.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Bild</title>
+</head>
+<body>
+<img src="logo-FH.png" alt="FH-Logo">
+</body>
+</html>
\ No newline at end of file
diff --git a/M1/beispiele/m1_4d_links.html b/M1/beispiele/m1_4d_links.html
new file mode 100644
index 0000000..35f6811
--- /dev/null
+++ b/M1/beispiele/m1_4d_links.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Links</title>
+</head>
+<body>
+<a href="https://www.fh-aachen.de/">FH Aachen</a>
+<br>
+<a href="https://www.fh-aachen.de/" target="_blank">FH Aachen</a>
+<br>
+<a href="mailto:safak.hazinedar@alumni.fh-aachen.de">E-Mail</a>
+</body>
+</html>
\ No newline at end of file
diff --git a/M1/beispiele/m1_4e_spandiv.html b/M1/beispiele/m1_4e_spandiv.html
new file mode 100644
index 0000000..3e38289
--- /dev/null
+++ b/M1/beispiele/m1_4e_spandiv.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Span Div</title>
+</head>
+<body>
+<!-- <span style="background: beige"> -->
+<div style="color: darkorange">
+    <p>
+        <span style="background: aqua">Lorem ipsum dolor sit amet, consetetur sadipscing elitr,
+        sed diam nonumy eirmod tempor invidunt ut labore et dolore
+        magna aliquyam erat, sed diam voluptua. </span> At vero eos et accusam
+        et justo duo dolores et ea rebum. Stet clita kasd gubergren,
+        no sea takimata sanctus est Lorem ipsum dolor sit amet.
+    </p>
+    <p>
+        Lorem ipsum dolor sit amet, consetetur sadipscing elitr,
+        sed diam nonumy eirmod tempor invidunt ut labore et dolore
+        magna aliquyam erat, sed diam voluptua. At vero eos et accusam
+        et justo duo dolores et ea rebum. Stet clita kasd gubergren,
+        no sea takimata sanctus est Lorem ipsum dolor sit amet.
+    </p>
+    <p>
+        Lorem ipsum dolor sit amet, consetetur sadipscing elitr,
+        sed diam nonumy eirmod tempor invidunt ut labore et dolore
+        magna aliquyam erat, sed diam voluptua. At vero eos et accusam
+        et justo duo dolores et ea rebum. Stet clita kasd gubergren,
+        no sea takimata sanctus est Lorem ipsum dolor sit amet.
+    </p>
+</div>
+</body>
+</html>
\ No newline at end of file
