HTML für Einsteiger

Was ist HTML?
HTML steht als Abkürzung für Hypertext Markup Language, also etwa Hypertext-Auszeichnungssprache. Entwickelt wurde sie zu Beginn der Neunziger am Kernforschungszentrum CERN und bildet heute eine der Grundlagen des World Wide Web.
Als Auszeichnungssprache dient HTML dabei in erster Linie der semantischen Strukturierung digitaler Dokumente. Das bedeutet, mit Hilfe der Sprache teilt der Entwickler einer Maschine Grundlegendes über eine Webseite mit. Etwa: Dies ist eine Überschrift, das hier ein Absatz, dieser Text bildet eine Sinneinheit. Wie das Dokument dann tatsächlich dargestellt wird, bleibt anderer Software, etwa dem Browser, überlassen.

Für Ihr erstes, eigenes HTML-Dokument benötigen Sie lediglich einen Texteditor (der mit jeder Windows-Version ausgelieferte Editor ist völlig ausreichend) und einen Browser, um Ihr Werk betrachten zu können.
Öffnen Sie den Editor und schreiben Sie einfach folgendes:

Sie haben nun bereits zwei Tags verwendet, die grundlegend für jedes HTML-Dokument sind.teilt dem Rechner mit, dass er alle nachfolgenden Zeilen als HTML-Code zu interpretieren hat.umschließt alles, was ein Browser später anzeigen soll. Es bildet also den Körper der Webseite.
Da Ihr Browser momentan nur ein leeres Dokument darstellen würde, ergänzen Sie den Body einfach um ein wenig Text:

Nun Speichern Sie ihr Werk ab. Wichtig dabei ist, dass Sie ihrem Dokument die Endung .htm geben!

Ein Doppelklick auf die Datei öffnet das Dokument in Ihrem Standardbrowser. Herzlichen Glückwunsch, Sie haben Ihre erste, kleine Webseite in HTML geschrieben.

Eine der effektivsten Möglichkeiten, einen Text semantisch zu gliedern, sind Überschriften. Der Tag, mit dem Sie in HTML eine Überschrift markieren sind die Tags: <h#></h#>
Das H steht hierbei für das englische heading. Das #-Symbol steht für die Zahlen 1 bis 6.
HTML gliedert Überschriften hierarchisch. Die höchste Überschrift bekommt die Zahl 1, alle nachfolgenden Zahlen stehen für Unterüberschriften. Betrachten wir, was der Browser aus Überschriften macht. Ergänzen Sie Ihr HTML-Dokument um folgende Zeilen:

Speichern Sie und öffnen Ihr HTML-Dokument wieder mit einem Doppelklick. Sie sehen, der Browser wählt für jede Überschrift automatisch eine Formatierung, sobald Sie von Ihnen als solche gekennzeichnet wurde.

Was wäre eine Überschrift ohne Text? Absätze werden in HTML-Dokumenten mit dem Tag

markiert. P steht für das englische paragraph. Ergänzen Sie ihr Dokument um diesen Tag und schreiben Sie ein wenig Text hinein.

Speichern Sie es ab und betrachten Ihr Ergebnis anschließend im Browser.

Sie werden bemerken, dass der Browser andere Zeilenumbrüche verwendet, als jene, die im Texteditor dargestellt sind. Dies ist ein gutes Beispiel dafür, dass HTML einen Text nur semantisch ordnet. Nicht jeder wird zum Betrachten einer Webseite die gleiche Monitorgröße verwenden. Ein fester Zeilenumbruch könnte zu einem nicht lesbaren Text führen. HTML hält einen Absatz also nur zusammen wie eine Herde Schafe. Um den Zeilenumbruch kümmert sich aber der Browser.