forms

html/struktur.html

@@ -14,20 +14,21 @@
   <header>
     <img src="../img/logo.svg" alt="Mein logo" title="Der Titel meines Bildes">
     <nav role="navigation">
-      <ul>
-        <li><a title="Zur Startseite" href="#link1">Home</a></li>
-        <li><a title="Unsere News" href="#link2">Aktuell</a></li>
-        <li><a title="Alle Produkte auf einen Blick" href="link3">Produkte</a></li>
-        <li><a title="Dienstleistungen" href="#link4">Service</a></li>
-        <li><a title="Hier sind wir" href="#link5">Kontakt</a></li>
-      </ul>
+
     </nav>
   </header>
 
   <main role="main">
     <h1>HTML5 Struktur einer Webseite</h1>
     <article>
-      <h2>Artikel 1</h2>
+      <h2>Bilder & Links</h2>
+      <p>Diese Seite enthält zunächst die Struktur und wenig Inhalt.<br>
+        Das <strong>Bild</strong> erhält ein <strong>title</strong> und ein <strong>alt Attribut</strong>. Die
+        <strong>Links</strong> erhalten ein <strong>title Attribut</strong>.
+      </p>
+    </article>
+    <article>
+      <h2>Das Grundgerüst</h2>
       <pre class="line-numbers language-html">
 <code class="language-html">&lt;!DOCTYPE html&gt;
 &lt;html lang=&quot;de&quot;&gt;
@@ -58,17 +59,18 @@
 </pre>
     </article>
 
-    <aside>
-      <h2>Artikel 2</h2>
-      <p>Diese Seite enthält zunächst die Struktur und wenig Inhalt.<br>
-        Das <strong>Bild</strong> erhält ein <strong>title</strong> und ein <strong>alt Attribut</strong>. Die
-        <strong>Links</strong> erhalten ein <strong>title Attribut</strong>.
+    <article>
+      <h2><a href="https://www.mediaevent.de/html/kernattribute.html"> Globale HTML Attribute</a></h2>
+      <p>HTML-Tags können durch Attribute  erweitert werden. Attribute sind immer ein Paar aus einem Namen und einem Wert name="value".</p>
+      <p>
+        Neben den speziellen Attributen für bestimmte Tags (wie src="bild.jpg" für das img-Tag oder href="test.html" für das a-Tag ) gibt es die globalen oder universellen Attribute, die in nahezu jedem HTML-Tag eingesetzt werden können
       </p>
-    </aside>
+  </article>
+
   </main>
 
   <footer>
-    <a href="https://git.perin.work/andy/webdev">Download</a>
+    <a title="Link zu Download" href="https://git.perin.work/andy/webdev">Download</a>
   </footer>
   <script src="../js/code.js"></script>
 </body>