HTML

HTML, kurz für Hyper Text Markup Language, ist die Basissprache des Internets, die zur Strukturierung von Webseiten und zur geordneten und verständlichen Darstellung von Inhalten wie Texten, Bildern, Videos und anderen Medien dient. Sie bildet die Grundlage jeder Webseite und legt die Art und Weise fest, wie die Inhalte auf der Seite angeordnet und für den Nutzer sichtbar gemacht werden.

Was macht HTML?

Im Wesentlichen ist HTML eine Beschreibung der Elemente einer Webseite und der Reihenfolge, in der diese Elemente erscheinen. Es handelt sich um eine Beschreibungssprache und nicht um eine Programmiersprache. Das bedeutet, dass HTML nicht dazu verwendet wird, Daten zu verarbeiten oder logische Abläufe auszuführen. Es beschreibt vielmehr, wie Inhalte dargestellt werden sollen, und arbeitet dabei eng mit CSS (für das Design) und JavaScript (für die Funktionalität) zusammen.

HTML ordnet Inhalte in einer klaren Hierarchie an, die der Browser dann interpretiert, um eine Webseite darzustellen. Diese Hierarchie trägt dazu bei, dass die Inhalte sowohl für die Benutzerinnen und Benutzer als auch für die Suchmaschinen leicht verständlich sind.

HTML-Elemente und ihre Funktionen

HTML besteht aus einer Vielzahl von Elementen, die als Tags bezeichnet werden. Diese Tags umschließen den Inhalt und teilen dem Browser mit, wie der Inhalt zu behandeln ist. Zu den bekanntesten HTML-Elementen gehören unter anderem:

• <nav>: Dieses Element stellt den Navigationsbereich einer Webseite dar. Es enthält in der Regel Links zu den Hauptbereichen der Seite, wie z.B. Startseite, Kontakt oder Impressum.
• <main>: Das <main>-Element ist die Bezeichnung für den Hauptinhalt einer Seite. Hier wird der zentrale Content platziert, der den Hauptnutzen für den Besucher liefert.
  liefert.
• <img />: Das <img />-Element wird zum Einfügen von Bildern oder Grafiken in eine Webseite verwendet. Dieses Tag ist ein leeres Element, d.h. es benötigt keinen abschließenden Tag und enthält nur Attribute wie die Bildquelle (src) und den alternativen Text (alt).

Neben diesen allgemeinen Elementen gibt es viele weitere, die eine spezifische Rolle auf der Webseite spielen. Zum Beispiel das <header>-Element, das den oberen Teil einer Seite definiert, oder das <footer>-Element, das normalerweise Kontaktinformationen und rechtliche Hinweise enthält (s. Footer).

Verschachtelung von HTML-Elementen

Die Verschachtelung von Elementen ist ein besonders mächtiges Konzept in HTML. Das bedeutet, dass Elemente innerhalb anderer Elemente platziert werden können. Dadurch entsteht eine logische und übersichtliche Struktur. Ein einfaches Beispiel wäre ein <nav>-Element. Dieses Element enthält mehrere Links <a>. Durch die Verschachtelung kann der Code einer Webseite organisiert und der Inhalt effizient strukturiert werden.

Weitere Informationen über HTML

Es gibt zahlreiche Ressourcen, die Dir helfen, dein Wissen zu erweitern, wenn Du tiefer in die Welt von HTML eintauchen möchtest:

• MDN Web Docs: Die Website des Mozilla Developer Network (MDN) ist eine der umfangreichsten und zuverlässigsten Quellen für alles, was mit der Entwicklung von Webseiten zu tun hat. Sie bietet Dir detaillierte Dokumentationen zu HTML, CSS, JavaScript und vielem mehr. Zu allen HTML-Elementen gibt es verständliche Erklärungen und Beispiele.
• W3Schools: Diese Plattform bietet interaktive HTML-Tutorials. Anfänger können das Gelernte direkt im Browser ausprobieren. Die Website bietet zahlreiche Code-Beispiele und Schritt-für-Schritt-Anleitungen. Damit ist W3Schools eine ideale Ressource für den Einstieg.
• SelfHTML: Ein deutschsprachiges Wiki, in dem die Funktionsweise und Verwendung von HTML umfassend erklärt wird. Von einfachen Anleitungen bis hin zu Themen für Fortgeschrittene - SelfHTML bietet einen tiefen Einblick in die Web-Technologien.

Fazit: HTML ist das Rückgrat jeder Website

Es ist die Grundlage für die Darstellung der Inhalte einer Seite und deren Strukturierung. Durch den geschickten Einsatz von HTML-Elementen und deren Verschachtelung ist es möglich, sowohl einfache als auch komplexe Webseiten zu erstellen, die sowohl für die Benutzer:innen einfach zu navigieren als auch für die Suchmaschinen lesbar sind. Obwohl HTML nur eine von vielen Technologien ist, die für den Aufbau einer Webseite benötigt werden, bildet es die unverzichtbare Grundlage für das Internet, wie wir es heute kennen.

Weitere Tipps zum Online Marketing bekommst Du in unserem Ratgeber und im Lexikon.

• Was ist ein Baukastensystem?
• Was ist das Backend und was das Frontend?
• Was ist ein Template?
• Was ist eine Domain?
• Was versteht man unter einem Child-Theme?
• Was gehört in einen Website Footer?
• HTTP & HTTPS - was ist der Unterschied?
• Was steckt hinter mobile first?
• Was ist ein SSL-Zertifikat?
• Was ist Webhosting?