← Zurück
📄

HTML

HyperText Markup Language - Die Struktur des Web

Was ist HTML?

HTML ist die Grundlage jeder Website. Es definiert die Struktur und den Inhalt einer Webseite. Denk an HTML wie an das Skelett eines Hauses.

HTML steht für:

  • HyperText - Verbindet Dokumente mit Links
  • Markup - Markiert Inhalte mit Tags
  • Language - Eine Auszeichnungssprache

Grundstruktur einer HTML-Seite

<!DOCTYPE html>
<html lang="de">
  <head>
    <meta charset="UTF-8">
    <title>Meine Webseite</title>
  </head>
  <body>
    <h1>Willkommen!</h1>
    <p>Das ist meine erste Webseite.</p>
  </body>
</html>

<html> - Der Container für alles

<head> - Meta-Informationen (unsichtbar)

<body> - Sichtbarer Inhalt der Seite

Die wichtigsten HTML-Tags

<h1> bis <h6>

Überschriften (h1 = größte)

<p>

Absatz / Paragraph

<a>

Link zu anderen Seiten

<img>

Bilder einfügen

<div>

Container für Inhalte

<button>

Klickbarer Button

<ul> / <li>

Liste mit Punkten

<input>

Eingabefeld für Text

🎮 Interaktives Beispiel

Schau dir an, wie HTML-Code aussieht und was er erzeugt:

HTML Code:

<h2>Mein Titel</h2>
<p>Das ist ein <strong>fetter</strong> Text.</p>
<button>Klick mich!</button>

Ergebnis:

Mein Titel

Das ist ein fetter Text.

✅ Button wurde geklickt!

Was kommt als nächstes?

HTML gibt die Struktur vor, aber ohne CSS sieht alles langweilig aus! Lerne CSS, um deine Webseite zu gestalten.