HTML im Allgemeinen
HTML steht für HyperText Markup Language und ist die Standardsprache für die Erstellung von Webseiten. HTML besteht aus Elementen, die mit Tags gekennzeichnet sind, die den Inhalt und die Struktur einer Webseite definieren. Die wichtigsten Elemente sind head und body.
Der head enthält Informationen über die Webseite, wie z.B. den Titel, den Zeichensatz, den Stil oder Skripte. Diese Informationen werden nicht im Browserfenster angezeigt, sondern beeinflussen das Aussehen oder das Verhalten der Webseite. Des Weiteren werden hier sogenannte Meta-Daten gespeichert, die wichtig für die Darstellung in Suchmaschinen und im Social-Media sowie beim Teilen von Links im Messanger sind.
Der body enthält den sichtbaren Inhalt der Webseite, wie z.B. Überschriften, Texte, Bilder, Links oder Formulare. Der body kann in verschiedene Abschnitte unterteilt werden, wie z.B. header, footer, nav oder main, die jeweils eine bestimmte Funktion haben.
Hier ist ein Beispiel für eine HTML-Seite mit head und body. Es enthält eine Überschrift und Unterüberschrift, einen Textabsatz, ein Bild, sowie ein Link, fetten und kursiven Text in einem extra Container:
<html>
<head>
<title>Meine erste Webseite</title>
</head>
<body>
<h1>Hallo Welt!</h1>
<h2>H2 Unterüberschrift</h2>
<p>Dies ist ein normaler Text-Absatz.</p>
<img src="https://bricks.seitwerk.net/app/uploads/Seitwerk-Logo.webp" width="360"><br>
<a href="https://bricks.seitwerk.net/">Link zur Startseite</a>
<div>
Text in einem hier nicht sichtbaren "Container" mit Zeilenumbruch:<br>
<strong>Dieser Text ist fett geschrieben</strong>
<em>und dieser kursiv</em>
</div>
</body>
</html>