Was ist HTML?
HTML steht für HyperText Markup Language, auf Deutsch ungefähr: Auszeichnungssprache für verknüpften Text. Klingt sperrig, ist aber eine ziemlich simple Idee. Mit HTML markierst du in einem Textdokument was die einzelnen Teile bedeuten: das hier ist eine Überschrift, das ein Absatz, das ein Link, das ein Bild. Der Browser liest diese Markierungen und baut daraus die Seite die du siehst.
Tags: Text in spitzen Klammern
Die Markierungen heißen Tags und stehen in spitzen Klammern. Die meisten kommen als Pärchen daher, ein öffnendes und ein schließendes Tag, dazwischen steht der Inhalt:
HTML-Code
<p>Das hier ist ein ganz normaler Absatz.</p>
Das <p> öffnet den Absatz (p wie "paragraph"), das </p> mit dem Schrägstrich schließt ihn wieder. Zusammen mit dem Inhalt nennt man das Ganze ein Element. Ein paar Elemente brauchen kein schließendes Tag, zum Beispiel <br> für einen Zeilenumbruch oder <img> für ein Bild, weil sie keinen Textinhalt umschließen.
Ein Mini-Beispiel
HTML-Code
<h2>Mein Hobbykeller</h2>
<p>Hier stehen <strong>drei</strong> alte Computer
und ein Lötkolben.</p>
Mehr ist es im Kern nicht. Du schreibst Inhalt, packst Tags drumherum und der Browser weiß Bescheid. Wie so ein Dokument komplett aussieht, zeigt dir die Seite über das HTML-Grundgerüst.
Was HTML nicht ist
Drei Dinge werden gern durcheinandergeworfen, dabei haben sie klare Rollen:
- HTML beschreibt die Struktur und Bedeutung des Inhalts.
- CSS bestimmt das Aussehn: Farben, Schriften, Layout. Dafür gibt es unseren CSS-Bereich.
- JavaScript macht Seiten interaktiv, also Dinge die auf Klicks und Eingaben reagieren.
HTML ist deshalb auch keine Programmiersprache. Es gibt keine Schleifen, keine Bedingungen, keine Variablen. Das ist keine Schwäche sondern der Grund warum der Einstieg so leicht fällt. Übrigens: HTML gibt es seit Anfang der 1990er und es hat sich ordentlich weiterentwickelt, von HTML 2.0 bis zum heutigen HTML5. Wer die alten Zeiten sehen will, wird im Bereich Retro-Web fündig.
Gleich ausprobieren: Kopier das Beispiel oben in die HTML-Spielwiese und ändere den Text. Mehr braucht es nicht um anzufangen.