Was ist HTML
HTML steht für Hypertext Markup Language und ist die Standard-Auszeichnungssprache zur Erstellung von Webseiten.
HTML beschreibt die Struktur einer Webseite
HTML legt den grundlegenden Aufbau einer Webseite fest. Es bestimmt, aus welchen Bereichen eine Seite besteht und wie diese gegliedert sind. So entsteht eine feste Struktur, die vom Browser verarbeitet werden kann.
Am Anfang eines HTML-Dokuments steht der Dokumententyp (<!DOCTYPE>).
Er gibt an, nach welchem Standard das Dokument vom Browser verarbeitet werden soll.
Dadurch wird sichergestellt, dass die Struktur der Webseite korrekt interpretiert wird.
Ein HTML-Dokument besteht aus einem Dokumentelement (<html>), das den gesamten Inhalt umfasst.
Innerhalb dieses Elements gibt es einen Kopfbereich(<head>) und einen Inhaltsbereich(<body>).
Diese beiden Bereiche bilden die grundlegende Struktur des Dokuments.
<!DOCTYPE html>
<html>
<head>
</head>
<body>
</body>
</html>
HTML besteht aus einer Reihe von Elementen
HTML besteht aus einzelnen Elementen, die zusammen die Struktur einer Webseite bilden. Jedes Element erfüllt dabei eine bestimmte Aufgabe innerhalb des Dokuments. Durch die Kombination dieser Elemente entsteht der gesamte Aufbau der Seite.
HTML-Elemente teilen dem Browser mit, wie Inhalte strukturiert dargestellt werden
HTML-Elemente legen fest, welche Art von Bereich an einer bestimmten Stelle einer Webseite steht. Der Browser erkennt dadurch, ob es sich zum Beispiel um einen Kopfbereich, einen Hauptbereich oder einen seitlichen Bereich handelt. So wird die Seite in klar abgegrenzte Bereiche unterteilt, die zusammen die Struktur bilden.
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<main>
<header></header>
<aside></aside>
</main>
</body>
</html>
HTML-Elemente kennzeichnen Inhaltsabschnitte
Inhaltsabschnitte werden in HTML durch bestimmte Elemente gekennzeichnet.
Dazu gehört zum Beispiel <main> als Hauptbereich einer Seite.
Weitere Elemente wie <header> und <aside> kennzeichnen zusätzliche Bereiche innerhalb der Struktur.
Innerhalb dieser Bereiche werden die eigentlichen Inhalte einer Webseite eingefügt.
Dazu können zum Beispiel die HTML-Elemente für Überschriften (<h1> bis <h6>), Absatz (<p>) oder Bilder (<img>) gehören.
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<main>
<header>
<h1>Überschrift zum Inhalt der Seite</h1>
<p>Ein Text der den Inhalt der Seite beschreibt</p>
</header>
<aside>
<img src="images/bild.jpg" alt="ein Beispielbild">
</aside>
</main>
</body>
</html>