Die Mutter aller Websites: Hypertext Markup-Language (HTML)
Eine Website mit Hilfe von Stylesheets gestalten: CSS
Der Website weitere Funktionen hinzufügen: JavaScript
Wer eine Website schreiben will, kommt wohl oder übel nicht darum herum, HTML zu erlernen. Ohne HTML kann keine Website existieren. HTML ist eine so genannte „Content-based Markup Language“, das bedeutet, dass HTML logisches Markup unterstützt. Im Klartext: Die Textteile werden so festgelegt, dass sie vom Client in einer optimalen Form dargestellt werden können. Der Benutzer kann beispielsweise im Browser Änderungen der Schriftgröße vornehmen. Mit HTML erzeugt man grundsätzliche Formatierungen wie Überschriften, Textabsätze, Listen, Tabellen und vieles mehr. Natürlich können auch Grafiken oder andere multimediale Inhalte eingebunden werden. HTML stellt aber auch eine Schnittstelle zu anderen Scriptsprachen wie CSS (Cascading Style Sheets) oder JAVA(Script) dar. HTML-Elemente werden vom Webdesigner auch „Tags“ genannt. Diese Tags werden mit einem „kleiner als Zeichen“ (<) eingeleitet und mit einem „größer als Zeichen“ (>) geschlossen. Zwischen diesen Zeichen steht dann, um welches Element es sich handelt
(zum Beispiel „h1“ für eine Überschrift erster Ordnung). Nun folgt der Inhalt dieses Tags (zum Beispiel der Text der Überschrift selbst). Allerdings muss dieser Tag nun noch geschlossen werden. Dies geschieht, indem man denselben Tag am Ende des Inhalts noch einmal niederschreibt, allerdings mit einem Schrägstich (Slash, /) vor dem Namen des Elements und nach dem einleitenden „kleiner als Zeichen“. So sieht beispielsweise eine komplette Überschrift erster Ordnung in HTML aus:
<h1>Überschrift 1. Ordnung</h1>
Es gibt auch einige (wenige) Elemente, die nicht mit einem abschließenden Tag geschlossen werden müssen. Solche Elemente nennt man „standalone Tags“; das Element, das einen Textumbruch erzeugt ist zum Beispiel ein solches (Text<br>Text). Eine komplette Website kann aus reinem HTML bestehen und auch mit reinem HTML strukturiert werden, dies geschieht mit Frame- oder Tabellenlayouts. Allerdings sind Frames veraltet und wenig Suchmaschinenfreundlich. Auch Tabellenlayouts sind nicht das Gelbe vom Ei, da der Aufbau einer übermäßig großen Tabelle meist sehr lange dauert. Des Weiteren sollten HTML-Elemente nur dafür genutzt werden, wofür sie auch gedacht sind – Eine Tabelle ist dazu gedacht, bestimmte Inhalte tabellarisch aufzulisten und nicht als Layoutelement zweckentfremdet zu werden. Sie benutzen doch auch keinen Hammer, wenn Sie eine Schraube drehen wollen, oder?
Das nächste Unterkapitel widmet sich der Gestaltung eines Layouts mit CSS.