Kleines Webdesign ABC: HTML und CSS

HTML und CSS

Zugegeben, um Auto zu fahren, musst Du nicht wissen, wie ein Auto funktioniert, und um Dich im Internet mit einem eigenen Webauftritt zu präsentieren, musst Du keine Ahnung von Auszeichnungssprachen wie HTML oder CSS haben. Falls Du dennoch immer mal wissen wolltest, was es eigentlich mit diesen beiden meist zusammen verwendeten Begriffen auf sich hat, haben wir hier eine kurze, verständliche Erläuterung.

HTML

Die Abkürzung HTML steht für Hypertext Markup Language (Hypertext-Auszeichnungssprache) und sie ist die Basis von allem, was wir heute als WWW, als World Wide Web kennen und nutzen. Mit HTML werden Eigenschaften und Struktur der Inhalte einer Website definiert, und das auf allen internetfähigen Geräten, also hersteller- und plattformübergreifend.

Über sogenannte HTML-Tags und Attribute lassen sich in HTML Funktionen von Inhalten kennzeichnen, etwa Überschriften, Listen, Absätze oder Textformatierungen wie fett, kursiv oder unterstrichen. Diese Tags werden von spitzen Klammern eingefasst, die z. B. den Browser darüber informieren, wie die Website aufgebaut und strukturiert ist.

Die aktuellste Version ist HTML5, der im Vergleich zum Vorgänger HTML4 deutlich leistungsfähiger ist und sich bei den unterstützten Inhalten nicht auf Texte und Bilder beschränkt, wie es bei älteren Versionen der Fall ist. Bei HTML5 werden etwa auch Videos, Audios und andere Inhalte unterstützt, und das ohne zusätzliche Plug-ins. Dennoch sind heute immer noch die meisten Websites in HTML4 oder älter codiert – einen Zwang zu HTML5 gibt es also nicht, und auch kein Ablaufdatum für die Altversionen.

Die meisten aktuellen Browser unterstützen HTML5, auch unter iOS oder Android, daher lohnt es sich, bei neuen Websites nicht mehr auf veraltete HTML-Versionen zu setzen. Zwar ist HTML abwärtskompatibel, d. h. die Website wird in der Regel korrekt und vollständig angezeigt, doch etwa per HTML5 eingebundene Videos werden in älteren Browsern nicht dargestellt.

CSS

Cascading Stylesheets oder eben CSS ist eine weitere Auszeichnungssprache, die aus eher schlichtem HTML-Code optisch ansprechende, individuell gestaltbare Websites macht. Denn während HTML Inhalte (z. B. den Text auf Deiner Website) und Struktur (Überschriften, Absätze etc.) darstellt, ist CSS für das Aussehen zuständig. Klar, in HTML kannst Du einfach z. B. ein Wort fett formatieren oder einen Hyperlink in einem Text ergänzen, doch wenn Du mehr gestalterische Freiheiten haben willst, kommt HTML4 schnell an seine Grenzen.

Um diese erheblich zu erweitern, wurde CSS entwickelt, dessen aktuelle Version CSS3 stetig weiterentwickelt wird. CSS wird im Browser wie der HTML-Code ausgewertet und in Echtzeit umgesetzt – etwa, um die gleiche Website mit den gleichen Inhalten einmal bildschirmfüllend auf einem Monitor und einmal responsiv auf einem Smartphone-Screen anzuzeigen.

Die Trennung von Inhalt und Gestaltung macht es deutlich einfacher, Websites zu entwickeln und zu pflegen. Zudem lassen sich mit CSS3 etwa eigene Webfonts und Schriftarten einbinden, ebenso Vektorgrafiken wie Dein Logo, und das in 2D und 3D gleichermaßen. Dazu kommen beeindruckende Effekte, mit denen sich Bilder, Texte, Videos oder andere Inhalte individuell präsentieren lassen.

Wenn Du mehr über modernes Webdesign mit HTML5 und CSS3 erfahren willst oder selber eine neue Website benötigst – wir sind gerne für Dich da und im Einsatz. Anruf genügt – wir freuen uns!