HTML - Begriffserklärung - volkmann design code

HTML ist eine Abkürzung für Hypertext Markup Language und eine sogenannte Auszeichnungssprache - keine Programmiersprache - für die Strukturierung von Webseiten. Es ist neben CSS und JavaScript eine der drei Kernsprachen, mit denen Webseiten erstellt werden. HTML selbst beschreibt nur die Struktur, sagt aber nichts über das Aussehen einer Webseite aus. Dieses wird mit CSS festgelegt.

Ein Beispiel-Dokument in HTML könnte wie folgt aussehen:

<!DOCTYPE html>
<html lang="de">
    <head>
        <meta charset="utf-8">
        <title>Dieser Text erscheint oben im Browsertitel</title>
    </head>
    <body>
        <h1>Meine Webseite</h1>
        <p>Willkommen auf meiner Webseite!</p>
    </body>
</html>

Dieses Beispiel enthält bereits die grundlegenden Elemente, die in einer HTML-Datei enthalten sein müssen und es bildet theoretisch eine vollständige Webseite. Die einzelnen Elemente haben folgende Bedeutung:

Das html-Element ist das Ursprungselement eines HTML-Dokuments. Es enthält alle anderen Elemente.
Fast alle Elemente können Attribute haben, die zusätzliche Informationen über das Element enthalten. Das lang-Attribut des html-Elements gibt beispielsweise die Sprache der Seite an.
Das head-Element enthält Metadaten über die Seite, in diesem Fall beispielsweise den Seitentitel.
Das body-Element enthält den eigentlichen Inhalt der Seite, in diesem Fall beispielsweise eine Überschrift (h1) und einen Absatz (p).

Das HTML-Gerüst einer Webseite wird mit zunehmender Seitengröße und Komplexität schnell unübersichtlich und es gibt eine Vielzahl von Elementen, die über das obige Beispiel hinausgehen. Aus diesem Grund werden Webseiten in der Praxis meist mithilfe von Frameworks (beispielsweise Angular) erstellt, welche die Erstellung und Wartung der Webseite vereinfachen.