diff --git a/src/components/slides/html-basics/tags-basics/html-basic-structure.astro b/src/components/slides/html-basics/tags-basics/html-basic-structure.astro
index 7c3ec99..ec6d21a 100644
--- a/src/components/slides/html-basics/tags-basics/html-basic-structure.astro
+++ b/src/components/slides/html-basics/tags-basics/html-basic-structure.astro
@@ -169,6 +169,9 @@
       <br/>
       Auf dem Laptop entspricht dies der Fenster-Breite des Programms. Auf mobilen Geräten entspricht das die Gerätebreite (in Pixeln).
     </p>
+  </section>
+
+  <section>
     <p>
       <code>initial-scale=1.0</code><br/>
       definiert den Zoom den die Website zu beginn eingestellt haben soll.
diff --git a/src/components/slides/html-basics/tags-basics/what-does-a-tag-look-like.astro b/src/components/slides/html-basics/tags-basics/what-does-a-tag-look-like.astro
index e410132..8c04fb2 100644
--- a/src/components/slides/html-basics/tags-basics/what-does-a-tag-look-like.astro
+++ b/src/components/slides/html-basics/tags-basics/what-does-a-tag-look-like.astro
@@ -3,36 +3,36 @@
   <section>
     <h2>Aufbau eines HTML-Elements</h2>
     <pre class="html"><code data-line-numbers data-trim>
-      <p>
+      &lt;p&gt;
         Das ist ein Beispiel
-      </p>
+      &lt;/p&gt;
     </code></pre>
   </section>
 
   <section>
     <h2>Aufbau eines HTML-Elements</h2>
     <pre><code data-line-numbers="1,3" data-trim>
-      <p>  <!-- öffnendes Tag -->
+      &lt;p&gt;  &lt;!-- öffnendes Tag --&gt;
         Das ist ein Beispiel
-      </p> <!-- schließendes Tag -->
+      &lt;/p&gt; &lt;!-- schließendes Tag --&gt;
     </code></pre>
   </section>
 
   <section>
     <h2>Aufbau eines HTML-Elements</h2>
     <pre><code data-line-numbers="2" data-trim>
-      <p>
-        Das ist ein Beispiel <!-- Kind-Element -->
-      </p>
+      &lt;p&gt;
+        Das ist ein Beispiel &lt;!-- Kind-Element --&gt;
+      &lt;/p&gt;
     </code></pre>
   </section>
 
   <section>
     <h3>Attribute</h3>
     <pre><code data-line-numbers="1" data-trim>
-      <p id="meine-id" class="klasse">
+      &lt;p id="meine-id" class="klasse"&gt;
         Das ist ein Beispiel
-      </p>
+      &lt;/p&gt;
     </code></pre>
     <p>
       In diesem Beispiel erhält das p-tag die attribute "id" und "class" mit den respektiven Werten "meine-id" und "klasse".
@@ -59,9 +59,9 @@
       Diese "Custom"-Attribute werden hierfür mit dem Präfix "data-" versehen:
     </p>
     <pre class="html"><code data-trim>
-      <p data-custom-attribut="etwas">
+      &lt;p data-custom-attribut="etwas"&gt;
         Ein Beispiel zu Custom-Attributen
-      </p>
+      &lt;/p&gt;
     </code></pre>
   </section>
 </section>
\ No newline at end of file
diff --git a/src/content/dhbw/de/web-engineering-i.mdx b/src/content/dhbw/de/web-engineering-i.mdx
index fe38281..76e4e26 100644
--- a/src/content/dhbw/de/web-engineering-i.mdx
+++ b/src/content/dhbw/de/web-engineering-i.mdx
@@ -55,7 +55,7 @@ Nun aber ans eingemachte! Was genau ist nun HTML? Was sind Tags / Elemente? Wie
 
 Wir werden das Grundgerüst jeder HTML-Seite betrachten und wie wir zusätzliche Attribute setzten können und uns mit dem `head` Element auseinandersetzen.
 
-<Card to="/slides/basics-of-html" color="blue">Zu den Slides</Card>
+<Card to="/slides/html/01-basics" color="blue">Zu den Slides</Card>
 <Spacer />
 
 ### # Die verschiedenen Arten von HTML-Elementen (Tags)
diff --git a/src/pages/slides/basics-of-html.astro b/src/pages/slides/basics-of-html.astro
deleted file mode 100644
index 3d3b9d0..0000000
--- a/src/pages/slides/basics-of-html.astro
+++ /dev/null
@@ -1,8 +0,0 @@
----
-import Reveal from "../../layouts/Reveal.astro";
-import HtmlBasicSlides from '../../components/slides/html-basics/index.astro'
----
-
-<Reveal title="The Basics of HTML">
-  <HtmlBasicSlides />
-</Reveal>
\ No newline at end of file
diff --git a/src/pages/slides/html/01-basics.astro b/src/pages/slides/html/01-basics.astro
new file mode 100644
index 0000000..d4f4fe9
--- /dev/null
+++ b/src/pages/slides/html/01-basics.astro
@@ -0,0 +1,8 @@
+---
+import Reveal from "../../../layouts/Reveal.astro";
+import HtmlBasicSlides from '../../../components/slides/html-basics/index.astro'
+---
+
+<Reveal title="The Basics of HTML">
+  <HtmlBasicSlides />
+</Reveal>
\ No newline at end of file