HTML & CSS

HTML - die Auszeichnungssprache

Inhalte einer Webseite werden mit HTML-TAGS ausgezeichnet. HTML definiert die inhaltliche Struktur und Metainformationen zum Dokument, die für den Webserver, den Browser und andere Programme, die in irgendeiner Form das Dokument interpretieren, relevant sind.

Der TAG sollte bestmöglich beschreiben, worum es sich bei den Inhalten handelt, um eine Navigation oder einen Artikel, eine Überschrift oder einen Absatz oder eine Fußzeile …

Wenn Inhalte Teil eines Artikels sind, dann ist es angebracht, diese mit dem Element article zu umschließen. Wenn es sich um einen Absatz im Artikel handelt, dann zeichnet man den Text mit dem Element p für Paragraph aus, wenn sich darin ein sehr wichtiger Textteil befindet, der hervorgehoben werden soll, dann wäre strong das passende Element, etc. Die aktuellen HMTL5-Tags wie auch Informationen zu CSS und Javascript findet man unter anderem auf der Site w3schools.com.

CSS - die Style Sheets

Style Sheets oder Formatvorlagen definieren die Gestaltung der Elemente einer Webseite. Die Verbindung zwischen den Design-Anweisungen und den HTML-Elementen wird über sogenannte Selektoren hergestellt. Die Selektoren bestimmen, welche Elemente mit welchen optischen Eigenschaften wie im Layout dargestellt werden. Diese Anweisung sorgt für roten Text in allen Absätzen: p{color:red;}

Die Trennung zwischen der Definition der inhaltlichen Struktur und der Gestaltung bringt bei der Entwicklung von Websites nur Vorteile wie Übersichtlichkeit, Unabhängigkeit im Arbeitsprozess, leichte Veränderbarkeit, zentrale Bearbeitung der Gestaltung, durchgängiges Design …

Die aktuellen Versionen von CSS - Cascading Style Sheets -unterstützen nicht nur die statische Gestaltung von Elementen, sondern auch die Definition von optischen Veränderungen in Zusammenhang mit Interaktion inklusive animierter Übergänge.