HTML steht für Hypertext Markup Language. Es ist die Standard-Auszeichnungssprache für Dokumente, die in einem Webbrowser angezeigt werden sollen. HTML kann durch Technologien wie Cascading Style Sheets ( CSS ) und Skriptsprachen wie JavaScript unterstützt werden.
Im Kern ist das Internet ein riesiges Netzwerk global vernetzter Computer. Wir interagieren mit diesem Netzwerk hauptsächlich über das World Wide Web ( WWW ), ein System miteinander verknüpfter Hypertext-Dokumente, auf die über das Internet zugegriffen werden kann. Das Herzstück des WWW bilden Webseiten, also Dokumente in HTML Format. HTML bildet die Grundstruktur von Websites, die durch andere Technologien wie CSS und JavaScript erweitert und modifiziert wird.
Ein HTML-Dokument ist nach einer Reihe verschachtelter Tags strukturiert, die in spitzen Klammern eingeschlossen sind. Diese Tags teilen dem Webbrowser mit, wie der Inhalt angezeigt werden soll. Ein Beispiel für eine einfache HTML Dokumentstruktur ist:
<!DOCTYPE html>
<html>
<Kopf>
<title>Seitentitel</title>
</Kopf>
<Text>
<h1>Dies ist eine Überschrift</h1>
<p>Dies ist ein Absatz.</p>
</body>
</html>
Dieser Code definiert eine grundlegende Webseite mit einem Titel, einer Überschrift und einem Textabsatz.
HTML-Dokumente bestehen aus HTML-Elementen. Jedes Element wird durch ein Start-Tag, Inhalt und ein End-Tag dargestellt. Die Start- und End-Tags eines Elements sind identisch, mit der Ausnahme, dass das End-Tag vor dem Elementnamen einen Schrägstrich enthält.
Beispielsweise umschließt das Tag <code><p></code> einen Textabsatz und ist wie folgt strukturiert:
<p>Dies ist ein Beispielabsatz.</p>
Verschiedene Elemente dienen unterschiedlichen Zwecken. Zum Beispiel:
HTML Elemente können Attribute besitzen, die zusätzliche Informationen über die Elemente liefern. Attribute werden im Starttag eines Elements platziert und oft in Name/Wert-Paaren wie <code>name="value"</code> angegeben.
Um beispielsweise ein Bild einzubetten, verwenden wir das Tag <code><img></code> mit dem Attribut <code>src</code> (Quelle), um die URL des Bildes anzugeben:
<img src="URL zum Bild.jpg" alt="Bildbeschreibung">
Das Attribut <code>alt</code> bietet alternativen Text für das Bild, wenn es nicht angezeigt werden kann.
Die Verwendung des Tags <code><a></code> erstellt Hyperlinks, die die Grundlage für die Vernetzung des Webs bilden. Ein Hyperlink kann auf eine andere Webseite, einen anderen Abschnitt derselben Seite oder sogar eine herunterladbare Datei verweisen. Beispiel:
<a href="https://example.com">Besuchen Sie Example.com</a>
Dadurch wird ein Link zu <code>https://example.com</code> erstellt.
HTML bietet Elemente zum Erstellen von Listen. Es gibt zwei Haupttypen von Listen:
Jedes Element in der Liste ist in das Tag <code><li></code> (Listenelement) eingeschlossen.
HTML5 ist die neueste Entwicklung des Standards und bietet zahlreiche neue Funktionen, die den modernen Anforderungen an Multimedia- und interaktive Dokumente gerecht werden. Dazu gehören neue Strukturelemente (<code><header></code>, <code><footer></code>, <code><article></code>, <code><section></code>), Grafikelemente (<code><canvas></code> zum Zeichnen, <code><svg></code> für skalierbare Vektorgrafiken) und Medienelemente (<code><audio></code> und <code><video></code>).
Semantisches HTML bezeichnet die Verwendung von HTML Markup, um die Semantik bzw. Bedeutung von Informationen auf Webseiten zu verstärken. Anstatt lediglich das Aussehen und Verhalten von Elementen zu definieren (dies ist Aufgabe von CSS und JavaScript), beschreibt semantisches HTML präzise die Struktur und Art des Inhalts. Beispielsweise zeigt ein <code><article></code>-Tag an, dass es sich bei dem Inhalt um einen Artikel handelt, während ein <code><nav></code>-Tag ein Navigationsmenü kennzeichnet.
Durch die Verwendung von semantischem HTML werden die Zugänglichkeit und Durchsuchbarkeit von Webinhalten verbessert, sodass diese leichter nutzbar und auffindbar sind.
HTML ist eine zentrale Technologie des World Wide Web und bildet die Grundstruktur von Webseiten. Durch die Verwendung von Tags, Attributen und Elementen ermöglicht HTML die Erstellung strukturierter Dokumente. Wer HTML versteht und anwendet, kann eine breite Palette an Inhalten für das Web erstellen – von einfachen Textdokumenten bis hin zu komplexen interaktiven Multimedia-Erlebnissen. Als Grundlage der Webentwicklung ist die Beherrschung von HTML für jeden, der Webdesign oder -entwicklung betreiben möchte, unerlässlich.