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.

Vous connaissez certainement déjà des éditeurs de documents, tels que Microsoft Word, avec lesquels vous pouvez structurer votre document avec des titres, des paragraphes, des listes, des tableaux, des images, du texte en gras et en italique.

HTML fournit à peu près les mêmes éléments de mise en forme. La principale différence est que le formatage du texte dans Microsoft Word est visuel, alors que le code HTML est purement sémantique: vous donnez du sens à votre texte.

De la même manière que vous utilisez des notes pour écrire de la musique, vous utilisez HTML pour écrire des pages Web.

Alors que le HTML concerne la définition du contenu d'une page Web, le CSS concerne le style d'une page Web. Il s’agit de définir les couleurs, les polices, les dimensions, les marges, les positions des éléments d’une page Web.

CSS donne vie à une page Web en appliquant une couche de peinture sur son contenu statique et en augmente le rôle par la couleur, l’espace, l’accentuation et le mouvement.