Was ist HTML?

Wenn du im Browser eine Website öffnest, siehst du Text, Bilder, Links und vielleicht Videos.
Doch all das basiert im Hintergrund auf einer einfachen Textsprache namens HTML –
die „Sprache des Webs“.

HTML steht für:

HyperText Markup Language

Sie ist keine Programmiersprache, sondern eine Auszeichnungssprache.
Das bedeutet: HTML beschreibt Struktur und Bedeutung von Inhalten, nicht deren Verhalten.

1. Der Zweck von HTML

HTML legt fest:

welche Inhalte auf einer Seite erscheinen
in welcher Struktur sie angeordnet sind
welche Bedeutung einzelne Elemente haben (Überschrift, Absatz, Bild, Link, Tabelle usw.)

Ein Browser interpretiert den HTML-Code und stellt ihn grafisch dar.
Du kannst HTML mit dem Bauplan eines Hauses vergleichen:

Die Mauern sind der HTML-Code
Die Farbe und Einrichtung übernimmt später CSS
Das Verhalten und Dynamik kommt mit JavaScript

2. Grundidee: Tags und Elemente

HTML verwendet sogenannte Tags (engl. Markierungen).
Sie werden in spitzen Klammern geschrieben, z. B.:

<p>Das ist ein Absatz.</p>

Ein HTML-Element besteht meistens aus:

einem öffnenden Tag (<p>)
einem Inhalt
einem schließenden Tag (</p>)

Beispiele:

<h1>Überschrift</h1>
<p>Das ist ein normaler Absatz.</p>
<a href="https://informatik-pruefung.de">Zur Website</a>

Einige Tags brauchen kein End-Tag (z. B. <br> für einen Zeilenumbruch oder <img> für ein Bild).

3. Wie HTML im Browser aussieht

Der Browser zeigt HTML-Code nicht als Text, sondern interpretiert ihn.
Du kannst das ganz leicht ausprobieren:

<h1>Willkommen auf meiner ersten Webseite!</h1>
<p>Ich lerne gerade HTML. Das macht Spaß!</p>

Wird im Browser zu:

Willkommen auf meiner ersten Webseite!
Ich lerne gerade HTML. Das macht Spaß!

Mini-Übung:
Kopiere diesen Code in eine Datei index.html und öffne sie im Browser.

4. HTML ist hierarchisch aufgebaut

Eine HTML-Datei ist immer geschachtelt (wie ein Baum).
Ein einfaches Beispiel:

<!DOCTYPE html>
<html>
  <head>
    <title>Meine erste Seite</title>
  </head>
  <body>
    <h1>Hallo Welt!</h1>
    <p>Dies ist meine erste HTML-Seite.</p>
  </body>
</html>

Erklärung:

Teil	Bedeutung
`<!DOCTYPE html>`	Kennzeichnet den Dokumenttyp
`<html>`	Wurzel des Dokuments
`<head>`	Metadaten: Titel, Zeichensatz, Verweise auf CSS/JS
`<body>`	Sichtbarer Inhalt der Seite

5. Typische HTML-Beispiele

Zweck	Code	Ergebnis
Überschrift	`<h1>Hallo Welt!</h1>`	Große Überschrift
Absatz	`<p>Textabsatz</p>`	Normale Textzeile
Link	`<a href="#">Mehr erfahren</a>`	klickbarer Link
Bild	`<img src="bild.jpg" alt="Beispielbild">`	zeigt ein Bild
Trennlinie	`<hr>`	horizontale Linie

6. Fazit

HTML ist die Grundlage jeder Website.
Es beschreibt Struktur und Bedeutung, nicht das Design.
HTML-Dokumente bestehen aus Tags, die Inhalte markieren.
Jeder Browser kann HTML interpretieren – du brauchst keine spezielle Software.