Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- de:modul:m287:learningunits:lu01:loesungen:02 [2026/03/06 09:23] – angelegt vdemir
+++ de:modul:m287:learningunits:lu01:loesungen:02 [2026/03/06 10:25] (aktuell) – [index.html] vdemir
@@ Zeile 1: / Zeile 1: @@
 ====== L01.L02 - Verweise und Anker ======
+==== index.html ====
-===== Aufgabe 1 =====
+  <!doctype html>
+  <html lang="de">
-.
+    <head>
-^ Protokoll (Scheme) ^ 3rd-Level-Domain / www ^ 2nd-Level-Domain ^ Top-Level-Domain ^ Pfad ^ Datei ^
+      <title>Startseite - Blog</title>
-| <code>http://</code> | <code>www</code> | <code>mydomain</code> | <code>com</code> | <code>bilder</code> | <code>foto.jpg</code> |
+      <meta charset="UTF-8">
+    </head>
-.
+    <body>
-^ Protokoll (Scheme) ^ 3rd-Level-Domain / www ^ 2nd-Level-Domain ^ Top-Level-Domain ^ Pfad ^ Datei ^
+    <nav>
-| <code>file://</code> | <code>www</code> | <code>example</code> | <code>ch</code> | <code>2018/audio</code> | <code>meinemusik.mp3</code> |
+      Blog | <a href="seiten/links.html">Links</a> |
+      <a href="seiten/about.html">Über mich</a> |
-===== Aufgabe 2 =====
+      <a href="seiten/impressum.html">Impressum</a>
+    </nav>
-  - http://www.erlebnisse.ch/2018/reisen/schweiz/bild1.jpg
+    <h1>Mein Blog</h1>
-  - http://www.erlebnisse.ch/2018/reisen/bild2.jpg
+    <p>Neueste Berichte zu HTML</p>
-  - http://www.erlebnisse.ch/2018/bild3.jpg
+    <article>
-  - http://www.erlebnisse.ch/bild4.jpg
+      <header>
+        <h2>Entwurf zu HTML5.1</h2>
+      </header>
+      <p>Wie bereits berichtet, hat das <a target="_blank" href="http://www.w3.org/">World Wide Web Consortium</a> einen neuen Entwurf für HTML vorgelegt, welcher in Version 5.1 weiterentwickelt wird ...</p>
+      <aside>
+      <h3>Weiterführende Links</h3>
+        <nav>
+          <ul>
+            <li><a href="http://www.w3.org/html/wg/drafts/html/master/">HTML 5.1 Nightly</a></li>
+            <li><a href="http://www.whatwg.org/">WHATWG</a></li>
+          </ul>
+        </nav>
+      </aside>
+    </article>
+    </body>
+  </html>
+=== seiten/about.html ===
+  <!doctype html>
+  <html lang="de">
+    <head>
+      <title>Über mich</title>
+      <meta charset="UTF-8">
+    </head>
+    <body>
+      <nav>
+        <a href="../index.html">Blog</a> |
+        <a href="links.html">Links</a> | Über mich |
+        <a href="impressum.html">Impressum</a>
+      </nav>
+      <h1>Über mich</h1>
+      <p>Informationen zum Autor der Website</p>
+    </body>
+  </html>
+=== seiten/impressum.html ===
+  <!doctype html>
+  <html lang="de">
+    <head>
+      <title>Impressum</title>
+      <meta charset="UTF-8">
+    </head>
+    <body>
+      <nav>
+        <a href="../index.html">Blog</a> |
+        <a href="links.html">Links</a> |
+        <a href="about.html">Über mich</a> | Impressum
+      </nav>
+      <h1>Impressum</h1>
+      <p>Impressum zur Website</p>
+    </body>
+  </html>
+=== seiten/links.html ===
+  <!doctype html>
+  <html lang="de">
+    <head>
+      <title>Linksammlung</title>
+      <meta charset="UTF-8">
+    </head>
+    <body>
+      <nav>
+        <a href="../index.html">Blog</a> | Links |
+        <a href="about.html">Über mich</a> |
+        <a href="impressum.html">Impressum</a>
+      </nav>
+      <h1>Linksammlung</h1>
+      <p>Interessante Linksammlung zu HTML-Themen</p>
+    </body>
+  </html>