Bildungsinhalte

Dieser Baustein ist Bestandteil des Kurses "Informationsmanagement".

Wir schulen zunächst die Grundlagen in HTML. Dabei schreiben Sie blank in einem Editor. In HTML5 lernen Sie dann die Neuerungen und weiteren Möglichkeiten.

Folgende Inhalte werden in dem Kurs vermittelt:

HTML (HyperText Markup Language) ist eine Sprache, die zur Erstellung von Websites und Webinhalten verwendet wird. Es handelt sich um ein standardisiertes Format, das vom W3C (World Wide Web Consortium) definiert wird. HTML-Dokumente bestehen aus Texten, Bildern, Links und anderen Elementen, die für eine Website benötigt werden. HTML bildet die Grundlage für alle modernen Websites – es definiert, wie eine Seite aussieht und funktioniert.

Die Syntax von HTML basiert auf Tags oder Schlagwörtern, um die Struktur des Dokuments anzugeben. Zum Beispiel kann ein Abschnitt mit dem

-Tag als Paragraf gekennzeichnet werden. Wenn dieser Tag geschlossen wird, erscheint am Ende des Abschnitts das

-Tag. Einige Tags haben zusätzliche Attribute, die angeben können, was mit dem Tag geschehen soll. Zum Beispiel kann das Attribut "class" verwendet werden, um dem Tag eine Klasse zuzuweisen oder auf bestimmte Stile zu verweisen.

Es gibt verschiedene Versionen von HTML: HTML4 und HTML5 sind die beiden häufigsten Varianten. HTML4 wird seit 1997 verwendet und bietet viele Funktionen für ältere Websites. Es hat jedoch seine Grenzen erreicht und es ist schwierig, moderne Webtechnologien zu unterstützen. Mit der Veröffentlichung von HTML5 im Jahr 2014 hat sich dies geändert: Es unterstützt nun neuere Technologien wie AJAX (Asynchronous JavaScript and XML) sowie Hyperlinks, Video- und Audioelemente direkt im Browser.

AJAX ermöglicht es Entwicklern, dynamische Webseiten zu erstellen – Seiten, die sich ohne Neuladen der Seite ändern können. Diese Funktion ermöglicht es, Websites mit Interaktion und Animationen zu erstellen, wie zum Beispiel Google Maps oder Social Media-Plattformen. Mit Hyperlinks können Nutzer leicht navigieren und Verweise auf andere Seiten im Internet hinterlassen - ideal für Blogs oder Foren, in denen Nutzer diskutieren.

DHTML (Dynamic HTML) ist eine Kombination aus HTML/CSS/JavaScript (JS), um den Inhalt der Seite dynamisch zu ändern - zum Beispiel Animationen hinzufügen oder Datensätze abfragen - ohne dass die Seite neu geladen werden muss. Das Canvas-Element in HTML5 ermöglicht es Entwicklern, 2D-Grafiken direkt im Browser darzustellen. Es ist ideal für die Entwicklung von Spielen oder interaktiven Grafiken in Apps.

Insgesamt bietet HTML/HTML5 den Entwicklern viel Flexibilität bei der Gestaltung ihrer Websites. Dank seiner Syntaxregeln und verschiedenen Variationen sowie AJAX-, Hyperlink-, Verweis- und DHTML-Funktionen sowie Canvas-Elementen können sie Inhalte direkt im Browser anzeigen.