Was ist HTML für Anfänger? Das Grundverständnis

HTML für Anfänger fängt hier an: HTML ist die Sprache, mit der Webseiten aufgebaut werden. Die Abkürzung steht für HyperText Markup Language, auf Deutsch etwa Auszeichnungssprache für vernetzte Texte. Mit HTML legst du fest, was auf einer Seite eine Überschrift ist, was ein Absatz, wo ein Bild steht und wohin ein Link führt. Jeder Browser kann HTML lesen und daraus die Seite anzeigen, die du im Fenster siehst.

Was ist HTML? Das GrundverstÃ¤ndnis fÃ¼r AnfÃ¤nger: Ein Dokument-Geruest mit head- und body-Boxen samt Platzhaltern, umrahmt von Code-Klammer-Symbolen

Wie HTML für Anfänger aufgebaut ist

HTML arbeitet mit sogenannten Tags. Ein Tag ist eine Markierung in spitzen Klammern, die dem Browser sagt, was ein Stück Text bedeutet. Die meisten Tags treten paarweise auf: eines öffnet, eines schließt. Zwischen den beiden steht der Inhalt, der die Bedeutung des Tags bekommt.

Ein einfacher Absatz sieht so aus: der Text steht zwischen einem öffnenden p-Tag und einem schließenden p-Tag. Das schließende Tag erkennst du am Schrägstrich vor dem Buchstaben. Eine Überschrift funktioniert genauso, nur mit einem anderen Buchstaben. Der Browser zeigt den Inhalt dann größer und fetter an, weil er weiß, dass es sich um eine Überschrift handelt.

HTML für Anfänger: häufige Tags

Mit einer Handvoll Tags kommst du am Anfang schon weit. Die folgende Übersicht zeigt die wichtigsten und wofür du sie verwendest. Lerne sie nicht auswendig, sondern schlage sie nach, bis sie dir vertraut werden.

Tag	Bedeutung
h1 bis h6	Überschriften, von sehr groß bis klein
p	Ein Textabsatz
a	Ein Link zu einer anderen Seite
img	Ein Bild, etwa in einer Galerie
ul und li	Eine Aufzählung mit einzelnen Punkten

Das Grundgerüst einer Seite

Jede HTML-Seite folgt einem festen Rahmen, in den der eigentliche Inhalt eingebettet wird. Dieser Rahmen ist immer gleich aufgebaut, egal wie groß die Seite später wird.

Ganz außen steht das html-Tag, das alles umschließt. Darin gibt es zwei Bereiche. Der Kopf, der head-Bereich, enthält Angaben, die der Besucher nicht direkt sieht, etwa den Seitentitel im Browser-Tab. Der Körper, der body-Bereich, enthält alles, was auf der Seite sichtbar ist: Überschriften, Texte, Bilder und Links. Wenn du diesen Aufbau einmal verstanden hast, kannst du jede Seite gedanklich in diese Teile zerlegen. Auch eine fertige Galerie-Seite folgt genau diesem Muster, nur dass ein Script den body-Bereich automatisch füllt.

Was HTML für Anfänger kann und was nicht

HTML bestimmt die Struktur, also den Aufbau und die Bedeutung der Inhalte. Für das Aussehen ist es nur teilweise zuständig, und das führt am Anfang oft zu Missverständnissen.

Diese Aufgaben übernimmt HTML, andere bleiben außen vor:

Texte in Überschriften und Absätze gliedern
Bilder einbinden und mit einer Beschreibung versehen
Links zu anderen Seiten setzen
Listen und Tabellen anlegen

Eine reine HTML-Seite sieht schlicht aus: schwarzer Text auf weißem Grund, Überschriften in Standardgröße, Links in Blau. Farben, Abstände, Schriftarten und das Layout kommen nicht aus HTML selbst, sondern aus CSS, einer eigenen Sprache für die Gestaltung. HTML und CSS arbeiten zusammen, bleiben aber getrennt. Das hat einen Vorteil: Du kannst das Aussehen ändern, ohne den Inhalt anzufassen. Für den Einstieg reicht es, HTML als das Skelett der Seite zu verstehen. Sobald du Überschriften, Absätze und Links sicher setzt, hast du die Grundlage, auf der alles Weitere aufbaut. Üben lässt sich das mit jedem einfachen Texteditor, ohne dass du etwas installieren musst. Du schreibst den Code, speicherst die Datei mit der Endung html und öffnest sie im Browser, um das Ergebnis zu sehen.

Häufige Fragen

Beim ersten Kontakt mit HTML tauchen meist dieselben praktischen Fragen auf, die hier kurz beantwortet sind.

Wie sieht ein einfacher Absatz in HTML aus?

Ein Absatz steht zwischen einem öffnenden und einem schließenden Tag, also <p>Dein Text</p>. Das schließende Tag erkennst du am Schrägstrich vor dem Buchstaben, dazwischen steht der Inhalt, der angezeigt wird.

Aus welchen Teilen besteht das Grundgerüst einer HTML-Seite?

Ganz außen steht das html-Tag, das alles umschließt. Darin liegt der head-Bereich mit unsichtbaren Angaben wie dem Seitentitel und der body-Bereich mit allem Sichtbaren, also Überschriften, Texten, Bildern und Links.

Brauche ich ein Programm, um HTML auszuprobieren?

Nein, ein einfacher Texteditor genügt. Du schreibst den Code, speicherst die Datei mit der Endung html und öffnest sie im Browser, um das Ergebnis zu sehen. Für die Gestaltung kommt später CSS dazu.