HTML et CSS sont deux langage qu'il faut pour créer un site web. C'est le navigateur qui fera la traduction entre ces langages informatiques et ce que vous avez afficher à l'écran.
Pour créer un site web, on doit donner des instructions à l'ordinateur. Il ne suffit pas simplement de taper le texte qui devra figurer dans le site (comme on le ferait dans un traitement de texte word, par exemple), il faut aussi indiquer où placer ce texte, insérer des images, faire des liens entre les pages. etc.

Pour expliquer à l'ordinateur ce que vous voulez faire, il va falloir utiliser un langage qu'il comprend. Et c'est là que les choses se corsent, parce qu'il va falloir apprendre deux langages!
Voici donc le rôle de chacun de ces deux langages:

• HTML (HyperText Markup Language): il a fait son apparition dès 1991 lors du lancement du Web. Son rôle est de gérer et organiser le contenu. C'est donc en HTML que vous écrirez ce qui doit être affiché sur la page: du texte, des liens, des images... Vous direz par exemple: << Ceci est mon titre, ceci est mon menu, voici le texte principal de la page, voici une image à afficher, ect. >>
• CSS (Cascading Style Sheets, aussi appelées Feuilles de style): le rôle du CSS est de gérer l'apparence de la page web (agencement, positionnement, décoration, couleurs, taille du texte...). Ce langage est venu compléter le HTML en 1996.

Vous pouvez très bien créer un site web uniquement en HTML, mais celui-ci ne sera pas très beau: l'information apparaîtra << brute >>. C'est pour cela que le langage CSS vient toujours le compléter.

Au fil du temps, les langages HTML et CSS ont beaucoup évolué. Danc la toute première version du HTML (HTML 1.0) il n'était même pas possible d'afficher des images!
Voici un très bref historique de ces langages pour votre culture générale.

Les versions de HTML

HTML 1: c'est la toute première version créée par Tim Berners-Lee en 1991.
HTML 2: la deuxième version du HTML apparait en 1994 et prend fin en 1996 avec l'apparition du HTML 3.0. C'est cette version qui posera en fait les bases des versions suivantes du HTML. Les règles et le fonctionnement de cette version sont donnés par W3C (tandis que la première version a été créée par un seul homme).
HTML 3: apparue en 1996, cette nouvelle version du HTML rajoute de nombreuses possibilités au langage comme les tableaux, les applets, les scripts, le positionnement du texte autour des images, etc.
HTML 4: il s'agit de la version la plus répandue du HTML (plus précisement, il s'agit de HTML 4.01). Elle apparaît pour la première fois en 1998 et propose l'utilisation de frames (qui découpent une pages web en plusieurs parties), des tableaux plus complexes, des améliorations sur les formulaires, etc. Mais surtout, cette version permet pour la première fois d'exploiter des feuilles de style, notre fameux CSS !
HTML 5: c'est la dernière version. Encore assez peu répandue, elle fait beaucoup parler d'elle car elle apporte de nombreuses améliorations comme la possibilité d'inclure facilement des vidéos, un meilleur agencement du contenu, de nouvelles fonctionnalités pour les formulaires, etc. C'est cette version que nous allons découvrir ensemble.

Les versions du CSS

CSS 1: dès 1996, on dispose de la première version du CSS. Elle pose les bases de ce langage qui permet de présenter sa page web, comme les couleurs, les marges, les polices de caractères, etc.
CSS 2: apparue en 1999 puis compléter par CSS 2.1, cette nouvelle version de CSS rajoute de nombreuses options. On peut désormais utiliser des techniques de positionnement très précises, qui nous permettent d'afficher des éléments où on le souhaite sur la page.
CSS 3: c'est la dernière version, qui apporte des fonctionnalités particulièrement attendues comme les bordures arrondies, les dégradés, les ombres, etc.