Alles ist im Fluss.

HTML fliesst. Merk dir das.

Die Grundstruktur

Text als Fluss

HTML ist das Textformat einer Webseite. Vom Inhalt wird alles abgeleitet. Die HTML-Elemente strukturieren diesen Inhalt.

Alles, was wir im FrontEnd sehen ist HTML, welches mit CSS, Javascript sowie Inhalten aus einem CMS angereichert werden kann.

Das World Wide Web diente zuallererst dem globalen Austausch von wissenschaftlichen Arbeiten, daher baut HTML auf der Struktur von wissenschaftliche Arbeiten auf.

Um zu verstehen, wie HTML funktioniert, beginnt man am besten bei einem einfachen Text. Haupttitel, Untertitel, Absätze, Referenzlinks und gelegentlich ein Bild. Die Auszeichnung, was ein Haupttitel oder Untertitel ist, referenziert 1:1 mit HTML. Denn Auszeichnungen heisst auf Englisch Markup.

Schreibt man an einem Text. Reihen sich Buchstaben an Buchstaben. Titel verdrängen den Inhalt auf der ganzen Linie und machen einen Absatz. Überarbeitet man den Text zu Oberst, rutscht der gesamte Inhalt automatisch nach unten. Er fliesst.

Was banal tönt, ist ein fundamentaler Unterschied zu klassischen Layoutprogrammen, welche Elemente absolut platzieren.

Screenshot von HTML Zeilen.
© Webdesign Essentials
Vertiefe dich ins ganze Kapitel

HTML & CSS Einführung für Designer:innen