Einführung in HTML - Versionsgeschichte

Thomas.will: /* HTML-Elemente und ihre Bedeutung */

2026-03-23T11:22:57Z

HTML-Elemente und ihre Bedeutung

Thomas.will: /* HTML-Elemente und ihre Bedeutung */

2026-03-23T11:22:37Z

HTML-Elemente und ihre Bedeutung

Thomas.will: /* HTML-Elemente und ihre Bedeutung */

2026-03-23T11:22:10Z

HTML-Elemente und ihre Bedeutung

Thomas.will: /* HTML-Elemente und ihre Bedeutung */

2025-03-15T09:43:44Z

HTML-Elemente und ihre Bedeutung

Thomas.will: Die Seite wurde neu angelegt: „= Einführung in HTML = * Die Hypertext Markup Language (HTML) ist die Standardauszeichnungssprache für Webseiten. * HTML definiert die Struktur und den Inhal…“

2025-03-15T09:42:50Z

Die Seite wurde neu angelegt: „= Einführung in HTML = * Die Hypertext Markup Language (HTML) ist die Standardauszeichnungssprache für Webseiten. * HTML definiert die Struktur und den Inhal…“

Neue Seite

= Einführung in HTML =
* Die Hypertext Markup Language (HTML) ist die Standardauszeichnungssprache für Webseiten.
* HTML definiert die Struktur und den Inhalt einer Webseite.
* HTML-Dokumente bestehen aus Elementen, die durch Tags gekennzeichnet sind.

== Grundstruktur eines HTML-Dokuments ==
* Ein einfaches HTML-Dokument besteht aus den folgenden Elementen:
<pre>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Meine erste Webseite</title>
</head>
<body>
<h1>Willkommen auf meiner Webseite</h1>
<p>Dies ist ein Absatz.</p>
</body>
</html>
</pre>

* Wichtige Bestandteile:
** ''<!DOCTYPE html>'' – Deklariert das Dokument als HTML5.
** ''<html>'' – Wurzelelement des HTML-Dokuments.
** ''<head>'' – Enthält Metainformationen über das Dokument.
** ''<body>'' – Enthält den sichtbaren Inhalt der Seite.

== HTML-Elemente und ihre Bedeutung ==
* HTML besteht aus verschachtelten Elementen:
** ''<h1> - <h6>'' – Überschriften unterschiedlicher Größe.
** ''<p>'' – Absätze.
** ''<a href="url">'' – Links zu anderen Seiten.
** ''<img src="bild.jpg">'' – Einbindung von Bildern.
** ''<ul>, <ol>, <li>'' – Listen (ungeordnet und geordnet).
** ''<table>, <tr>, <td>'' – Tabellenstruktur.
** ''<form>, <input>, <button>'' – Formulareingaben.

== HTML-Formulare ==
* Formulare ermöglichen die Eingabe und Übermittlung von Daten:
<pre>
<form action="submit.php" method="post">
<label for="name">Name:</label>
<input type="text" id="name" name="name">
<button type="submit">Senden</button>
</form>
</pre>

* Wichtige Attribute:
** ''action'' – Gibt die URL an, an die die Daten gesendet werden.
** ''method'' – Bestimmt die Übertragungsmethode (GET oder POST).
** ''input type"'' – Definiert das Eingabefeld (Text, Passwort, Checkbox etc.).

== HTML und CSS ==
* HTML strukturiert Inhalte, CSS (Cascading Style Sheets) steuert das Design.
* Beispiel für die Verwendung von CSS in HTML:
<pre>
<head>
<style>
body { font-family: Arial, sans-serif; }
h1 { color: blue; }
</style>
</head>
</pre>

== HTML und JavaScript ==
* JavaScript ermöglicht interaktive Funktionen in Webseiten.
* Beispiel:
<pre>
<button onclick="alert('Hallo, Welt!')">Klick mich!</button>
</pre>

== Aufgaben ==
* Erstelle eine HTML-Seite mit einer Überschrift und einem Absatz.
* Füge ein Bild und einen Link hinzu.
* Erstelle ein einfaches HTML-Formular mit einem Eingabefeld.

== Warum ist HTML wichtig? ==
* Grundlage für jede Webseite.
* Ermöglicht die Strukturierung und Darstellung von Inhalten.
* In Kombination mit CSS und JavaScript bildet es die Basis moderner Webentwicklung.

@@ Zeile 28: / Zeile 28: @@
 == HTML-Elemente und ihre Bedeutung ==
 * HTML besteht aus verschachtelten Elementen:
+<pre>
   '''<h1> - <h6>''' – Überschriften unterschiedlicher Größe.
   ''<p>'' – Absätze.
@@ Zeile 36: / Zeile 36: @@
   ''<table>, <tr>, <td>'' – Tabellenstruktur.
   ''<form>, <input>, <button>'' – Formulareingaben.
 == HTML-Formulare ==

@@ Zeile 28: / Zeile 28: @@
 == HTML-Elemente und ihre Bedeutung ==
 * HTML besteht aus verschachtelten Elementen:
-** ''<h1> - <h6>'' – Überschriften unterschiedlicher Größe.
+<pre>
-** ''<p>'' – Absätze.
+''<h1> - <h6>'' – Überschriften unterschiedlicher Größe.
-** ''<a href="url">'' – Links zu anderen Seiten.
+''<p>'' – Absätze.
-** ''<img src="bild.jpg">'' – Einbindung von Bildern.
+''<a href="url">'' – Links zu anderen Seiten.
-** ''<ul>, <ol>, <li>'' – Listen (ungeordnet und geordnet).
+''<img src="bild.jpg">'' – Einbindung von Bildern.
-** ''<table>, <tr>, <td>'' – Tabellenstruktur.
+''<ul>, <ol>, <li>'' – Listen (ungeordnet und geordnet).
-** ''<form>, <input>, <button>'' – Formulareingaben.
+''<table>, <tr>, <td>'' – Tabellenstruktur.
 == HTML-Formulare ==