Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- modul:m293:learningunits:lu03:loesungen:bloeckeanwenden [2024/03/28 14:07] – created - external edit 127.0.0.1
+++ modul:m293:learningunits:lu03:loesungen:bloeckeanwenden [2025/05/07 07:25] (aktuell) – kmaurizi
@@ Zeile 1: / Zeile 1: @@
 ====== LU03.L01 - Portfolio Seite ======
-[[https://templates-html.github.io/M293_LU03_01_Portfolio/portfolio.html|Live Preview]]
+[[https://templates-html.github.io/m293-lu03-a01-portfolio/portfolio.html|Live Preview]]
-<code html4strict>
+{{gh>https://github.com/templates-html/m293-lu03-a01-portfolio/blob/solution/portfolio.html}}
-  <body>
-    <h1>Mein Portfolio</h1>
-    <section>
-      <h2>Über mich</h2>
-      <img src='meinBild.jpg' alt='Ein Bild von mir' width='200' height='200'>
-      <p>Ich bin ein professioneller Entwickler, spezialisiert auf das <strong>Durchsuchen</strong> von Code anderer Entwickler nach <strong>Fehlern</strong> und <strong>Sicherheitslücken</strong>. Ich liebe es, meine Fähigkeiten zu nutzen, um Software sicherer und effizienter zu machen.</p>
-    </section>
-    <section>
-      <h2>Meine Hobbys</h2>
-      <ul>
-        <li>Programmieren</li>
-        <li>Musik hören</li>
-        <li>Wandern</li>
-      </ul>
-    </section>
-    <section>
-      <h2>Lieblingsessen</h2>
-      <ol>
-        <li>Pizza</li>
-        <li>Sushi</li>
-        <li>Steak</li>
-      </ol>
-    </section>
-    <section>
-      <h2>Soziale Medien</h2>
-      <ul>
-        <li><a href='https://www.facebook.com/meinProfil' target='_blank'>Facebook</a></li>
-        <li><a href='https://www.twitter.com/meinProfil' target='_blank'>Twitter</a></li>
-        <li><a href='https://www.linkedin.com/meinProfil' target='_blank'>LinkedIn</a></li>
-      </ul>
-    </section>
-  </body>
-</code>
@@ Zeile 53: / Zeile 15: @@
   * <ul>, <li>: Diese Tags werden verwendet, um eine ungeordnete Liste (für die Hobbys und Social Media Links) zu erstellen.
   * <ol>: Dieses Tag wird verwendet, um eine geordnete Liste (für die Lieblingsessen) zu erstellen.
-  * <a>: Dieses Tag wird verwendet, um Links zu Ihren Social-Media-Profilen hinzuzufügen. Die href-Attribute sollten durch die tatsächlichen URLs Ihrer Profile ersetzt werden. Das target='_blank'-Attribut sorgt dafür, dass der Link in einem
+  * <a>: Dieses Tag wird verwendet, um Links zu Ihren Social-Media-Profilen hinzuzufügen. Die href-Attribute sollten durch die tatsächlichen URLs Ihrer Profile ersetzt werden. Das target='_blank'-Attribut sorgt dafür, dass der Link in einem neuen Tab bzw. Fenster geöffnet wird.
 ----