Was ist HTML?

HTML (HyperText Markup Language) ist die Struktur- und Auszeichnungssprache des Webs. Sie legt fest, welche Inhalte auf einer Website erscheinen – also Texte, Überschriften, Bilder, Links oder Tabellen – und wie diese angeordnet sind.

HTML bildet das Grundgerüst jeder Webseite. Während CSS für die Gestaltung und das Design verantwortlich ist, definiert HTML die Inhalte und deren logische Struktur. Ohne HTML gäbe es im Internet keine Websites, da Browser nur mit HTML verstehen, was auf einer Seite angezeigt werden soll.

Wie funktioniert HTML?

HTML beschreibt Inhalte mithilfe sogenannter Tags (auch Elemente genannt). Diese Tags werden vom Browser interpretiert und in sichtbare Inhalte umgewandelt. Ein HTML-Dokument ist in einzelne Abschnitte unterteilt, die den Aufbau einer Seite bestimmen – zum Beispiel Kopfbereich, Hauptinhalt und Fussbereich.

Jedes Element wird durch ein Start-Tag und ein End-Tag markiert. Dazwischen befindet sich der eigentliche Inhalt.

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

<p> ist das Start-Tag
</p> ist das End-Tag

Der Text dazwischen ist der Inhalt, der im Browser angezeigt wird

Manche Tags enthalten zusätzlich Attribute, die weitere Informationen liefern, zum Beispiel eine Bildquelle oder einen Link:

<img src="bild.jpg" alt="Beispielbild">
<a href="https://www.Robin-raimondi.ch.ch">Zur Website</a>

Aufbau und Struktur eines HTML-Dokuments

Jede HTML-Seite folgt einer ähnlichen Grundstruktur:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Meine Website</title>
  </head>
  <body>
    <h1>Willkommen auf meiner Seite</h1>
    <p>Hier steht ein Beispieltext.</p>
  </body>
</html>

<!DOCTYPE html>: informiert den Browser, dass es sich um ein HTML5-Dokument handelt
<html>: umschliesst den gesamten Inhalt der Seite
<head>: enthält Metainformationen, Titel, CSS- und Scriptverknüpfungen
<body>: beinhaltet alles, was im Browser sichtbar ist – Texte, Bilder, Navigation usw.

Diese klare Struktur macht HTML einfach zu verstehen und leicht erweiterbar.

Typische HTML-Elemente

Überschriften: <h1> bis <h6>
Absätze: <p>
Bilder: <img>
Links: <a>
Listen: <ul>, <ol>, <li>
Tabellen: <table>, <tr>, <td>
Container: <div> oder semantische Elemente wie <header>, <main>, <footer>

Diese Elemente bilden die Bausteine einer Website und können mit CSS gestaltet werden.

Vorteile von HTML

Einfache Struktur: Leicht verständlich und standardisiert

Klare Trennung: Inhalt (HTML) und Design (CSS) sind voneinander getrennt

Universelle Unterstützung: Wird von allen Browsern erkannt und dargestellt

Erweiterbarkeit: Lässt sich mit CSS und JavaScript kombinieren

Semantische Bedeutung: Durch gezielte Elemente (z. B. <header>, <nav>) wird der Inhalt auch für Suchmaschinen und Screenreader verständlicher

Warum ist HTML wichtig?

HTML ist die Grundlage jeder Website. Es definiert die Inhalte, die ein Browser darstellt, und bildet die Basis für Gestaltung (CSS) und Interaktivität (JavaScript).

Ohne HTML wäre keine Website funktionsfähig – es ist die Sprache, die alle Webinhalte strukturiert und dem Internet seine Form gibt. In Kombination mit CSS und JavaScript bildet HTML damit die zentrale Basis der modernen Webentwicklung.