HTML, oder Hypertext Markup Language, ist eine der grundlegenden Technologien, die das World Wide Web möglich machen. Sie dient als Standard für das Erstellen und Strukturieren von Webseiten. Ohne HTML gäbe es keine Internetseiten in der Form, wie wir sie heute kennen. Jedes Mal, wenn du eine Webseite öffnest, liegt im Hintergrund ein HTML-Dokument, das dem Browser Anweisungen gibt, wie die Inhalte angezeigt werden sollen. HTML ist somit die Sprache, mit der Webseiten gebaut werden, und bildet das Gerüst, auf dem alles Weitere aufbaut.
Der Ursprung von HTML
Die Geschichte von HTML beginnt in den frühen 1990er Jahren. Tim Berners-Lee, ein britischer Wissenschaftler, entwickelte HTML als Teil seines Projekts für das World Wide Web, das darauf abzielte, Informationen leicht zugänglich zu machen. Ursprünglich war HTML eine einfache Sprache, die hauptsächlich zur Strukturierung von Textinhalten gedacht war. Mit der Zeit hat sich HTML jedoch stark weiterentwickelt, und heutige Versionen wie HTML5 ermöglichen komplexe Multimedia-Inhalte und dynamische Interaktionen auf Webseiten.
Wie HTML funktioniert
HTML verwendet Tags (dt. „Markierungen“), um Elemente auf einer Webseite zu definieren. Ein Tag besteht in der Regel aus einem öffnenden und einem schließenden Tag, wobei der Inhalt dazwischen eingebettet wird. Zum Beispiel wird mit dem
-Tag ein Absatz definiert, sodass ein einfacher Absatztext folgendermaßen aussehen könnte:
html
Code kopieren
Das ist ein Absatz.
Die Struktur von HTML-Dokumenten ist hierarchisch. Ein typisches HTML-Dokument beginnt mit dem -Tag, gefolgt von einem-Tag, der den gesamten Inhalt umfasst. Innerhalb des-Tags befinden sich zwei wichtige Abschnitte: der
– und der-Bereich. Der-Bereich enthält Metadaten wie den Titel der Seite, während der-Bereich den sichtbaren Inhalt der Webseite enthält, wie Texte, Bilder, Links und Formulare.Wichtige HTML-Tags und deren Bedeutung
Es gibt viele verschiedene HTML-Tags, die jeweils eine spezifische Aufgabe haben. Zu den grundlegendsten und wichtigsten Tags gehören:
•
bis: Diese Tags definieren Überschriften unterschiedlicher Hierarchieebenen. ist die wichtigste Überschrift, während die niedrigste Ebene darstellt.
•
ist die wichtigste Überschrift, während die niedrigste Ebene darstellt.
•
•
: Dieses Tag wird verwendet, um Absätze zu erstellen.
• : Mit diesem Tag lassen sich Hyperlinks setzen. Zum Beispiel: Besuche diese Webseite.
• : Das -Tag fügt Bilder in eine Webseite ein. Es benötigt immer das Attribut src, das auf die Bildquelle verweist.
•
HTML5: Die moderne Version von HTML
Mit der Einführung von HTML5 im Jahr 2014 wurde HTML wesentlich erweitert und modernisiert. HTML5 bietet verbesserte Unterstützung für Multimedia-Inhalte, wie z. B. Audio- und Videoeinbettungen, ohne dass externe Plugins wie Flash benötigt werden. Tags wie