HTML-Grundlagen

Woraus besteht eigentlich eine Webseite?

In diesem Video lernst du, wie eine HTML-Seite aufgebaut ist und wie du Überschriften, Links und Bilder einbaust.

HTML steht für HyperText Markup Language. Eine Webseite ist eine Textdatei, zum Beispiel index punkt html.

HTML ist keine Programmiersprache, sondern eine Auszeichnungssprache: Sie beschreibt, was auf der Seite steht.

Der Browser liest den Code und zeigt daraus die fertige Seite an.

Die Bausteine von HTML heißen Tags.

Ein Start-Tag steht in spitzen Klammern, hier p für Paragraph, also Absatz.

Das End-Tag sieht gleich aus, hat aber zusätzlich einen Schrägstrich.

Dazwischen steht der Inhalt. Nur ihn zeigt der Browser an.

Start-Tag, Inhalt und End-Tag zusammen nennt man ein Element.

Jede HTML-Seite hat dasselbe Grundgerüst. Ganz oben steht doctype html.

Alles Weitere steht zwischen dem Start-Tag und dem End-Tag html.

Im head stehen Angaben über die Seite, die nicht im Fenster erscheinen.

Zum Beispiel der title. Er erscheint oben im Tab des Browsers.

Im body steht alles, was du auf der Seite siehst.

Füllen wir den body. Die wichtigste Überschrift kommt in h eins.

Für Unterüberschriften nimmst du h zwei.

Normaler Text steht in einem p-Element.

Es gibt sechs Stufen. Je kleiner die Zahl, desto wichtiger und größer die Überschrift.

Einen Link baust du mit dem a-Tag.

Im Attribut href steht das Ziel, also die Seite, die sich beim Klick öffnet.

Ein Bild bindest du mit dem img-Tag ein. Das Attribut src nennt die Bilddatei.

Das Attribut alt beschreibt das Bild in Worten, zum Beispiel für Menschen, die es nicht sehen können.

Das img-Tag braucht übrigens kein End-Tag.

Fassen wir zusammen.

Ein Element besteht aus Start-Tag, Inhalt und End-Tag.

Das Grundgerüst besteht aus html, head und body.

Überschriften gehen von h eins bis h sechs.

Links baust du mit dem a-Tag, das Ziel steht in href.

Bilder bindest du mit img ein, mit src und alt.

Super! Jetzt bist du dran.