HTML & CSS Basics

You’re certainly already acquainted with document editors, like Microsoft Word, with which you can structure your document with titles, paragraph, lists, tables, images, bold and italic text.

HTML provides roughly the same elements of formatting. The key difference is that formatting text in Microsoft Word is visual, whereas HTML code is purely semantic: you provide meaning to your text.

The same way you use notes to write music, you use HTML to write webpages.

While HTML is about defining the content of a webpage, CSS is about styling a webpage. It means setting colors, fonts, dimensions, margins, positions, of a webpage’s elements.

CSS brings a webpage to life, by applying a coat of paint on its static content, and elevates its purpose through color, space, emphasis and motion.

Sie kennen sicherlich Dokumenteditoren wie Microsoft Word, mit denen Sie Ihr Dokument nach Titeln, Abschnitten, Listen, Tabellen, Bildern, fettem und kursivem Text strukturieren können.

HTML bietet ungefähr die gleichen Elemente der Formatierung. Der Hauptunterschied besteht darin, dass die Formatierung von Text in Microsoft Word visuell ist, während HTML-Code rein semantisch ist: Sie geben Ihrem Text eine Bedeutung.

Auf dieselbe Weise wie Sie Notizen zum Schreiben von Musik verwenden, verwenden Sie HTML zum Erstellen von Webseiten.

Während es bei HTML um den Inhalt einer Webseite geht, geht es bei CSS darum, eine Webseite zu gestalten. Es bedeutet, Farben, Schriftarten, Bemaßungen, Ränder, Positionen und Elemente einer Webseite festzulegen.

CSS erweckt eine Webseite zum Leben, indem sie ihren statischen Inhalt mit einem Anstrich versehen und durch Farbe, Raum, Betonung und Bewegung seinen Zweck erhöht.