Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- ef:web:html [2025/10/09 14:43] – angelegt lehmannr
+++ ef:web:html [2025/10/09 14:57] (aktuell) – lehmannr
@@ Zeile 1: / Zeile 1: @@
+~~NOTOC~~
+<WRAP center 1200px>
 ====== Übersicht HTML ======
-HTML (HyperText Markup Language) ist die grundlegende Sprache zur Strukturierung von Webseiten. Sie beschreibt den Aufbau und die Inhalte einer Webseite, damit Browser diese korrekt darstellen können.
+HTML (HyperText Markup Language) ist die grundlegende Sprache zur Strukturierung von Webseiten. Sie beschreibt den Aufbau und die Inhalte einer Webseite, damit Browser diese korrekt darstellen können. Das Layout und das ganze Aussehen der Webseite wird dann durch CSS definiert.
 ====== Was ist HTML? ======
@@ Zeile 29: / Zeile 31: @@
   * **Body**: Enthält den sichtbaren Inhalt der Webseite (z. B. Texte, Bilder, Links).
-====== Inhalt des &lt;head&gt;-Bereichs ======
+====== Inhalt des head-Bereichs ======
 Typische Elemente im `<head>`:
@@ Zeile 48: / Zeile 50: @@
   * `<h1>` bis `<h6>` – Überschriften
   * `<p>` – Absatz
-  * `<a href="nk
+  * `<ul>, <ol>, <li>` – Listen (ungeordnet/geordnet)
-  * `...` – Bild
-  * `<ul>`, `<ol>`, `<li>` – Listen (ungeordnet/geordnet)
-  * `<div>` – Container für Layout und Struktur
-  * `<span>` – Inline-Container
-  * `<table>` – Tabellen
 ====== Fazit ======
 HTML ist die Basis jeder Webseite. Mit seinen einfachen, aber mächtigen Tags lassen sich Inhalte strukturieren und für den Browser lesbar machen. Für das Design und die Interaktivität kommen später CSS und JavaScript hinzu.
+====== Wichtige HTML-Tags ======
+^ Tag ^ Beispiel ^
+| `<h1>` | <h1>Überschrift</h1> |
+| `<p>` | <p>Dies ist ein Absatz.</p> |
+| `<a>` | <a href="https://example.com|
+| `<img>` | <img src="bild.jpg" alt="Beschreibungi>Eintrag</li></ul> |
+| `<div>` | <div>Inhalt</div> |
+| `<span>` | <span style="color:red;">Text</span> |
+| `<table>` | <table><tr><td>Zelle</td></tr></table> |
+| `<br>` | Zeile 1<br>Zeile 2 |
+| `<strong>` | <strong>Wichtig</strong> |
+</WRAP>