C'est quoi le HTML et le CSS ?

Le HTML sert à dire ce qu'il y a dans une page : un titre, un paragraphe, une image. Le CSS sert à dire comment cela s'affiche : les couleurs, la taille, l'espacement. Les deux travaillent ensemble dans presque toutes les pages web.

C'est quoi le HTML et le CSS, concrètement ?

Le HTML utilise des balises, des marqueurs écrits entre chevrons. Une balise indique la nature d'un contenu. Par exemple, <h1> marque un titre principal, et <p> marque un paragraphe.

Le CSS, lui, décrit l'apparence. Il définit une couleur, une police ou une taille. Il ne change pas le contenu, seulement l'affichage.

Les mots à connaître

• Balise : marqueur HTML qui indique la nature d'un contenu.
• Navigateur : logiciel qui affiche les pages web, comme Chrome, Firefox ou Safari.
• Sélecteur : partie d'une règle CSS qui désigne les éléments à mettre en forme.

Pourquoi c'est important ?

Comprendre ces deux langages vous aide à lire le code d'un site. Vous savez alors où modifier un titre ou une couleur.

Ils servent aussi de base à tout développement web. Même les outils sans code produisent du HTML et du CSS en arrière-plan.

Enfin, c'est un bon premier pas dans la programmation, car le résultat est visible tout de suite.

Comment ça marche, étape par étape

1. Vous écrivez le contenu dans un fichier HTML, avec des balises.
2. Vous écrivez les règles d'apparence dans un fichier CSS séparé.
3. Vous reliez le fichier CSS à la page, dans la partie <head>.
4. Votre navigateur lit les deux fichiers et affiche la page.

Un exemple du quotidien

Pensez à une affiche de spectacle. Le texte de l'affiche correspond au HTML. La couleur, la police et la mise en page correspondent au CSS. Changer la couleur ne change pas les mots de l'affiche.

Vrai ou faux ? Les idées reçues

• « Le HTML est un langage de programmation. » : Faux, c'est un langage de balisage. Il décrit la structure d'un contenu.
• « On ne peut pas faire un site sans CSS. » : Faux. Un site simple peut tenir en HTML seul, mais il sera sans mise en forme.
• « Le CSS change le contenu de la page. » : Faux. Il change seulement l'apparence.

Les bons réflexes à retenir

1. Écrivez toujours les balises avec une balise fermante.
2. Gardez le CSS dans un fichier séparé pour y voir clair.
3. Vérifiez l'affichage dans votre navigateur après chaque modification.
4. Consultez la documentation officielle quand vous hésitez.

Exercice pratique (20 minutes)

Matériel : un éditeur de texte et un navigateur.

Déroulement :

1. Créez un fichier page.html avec un titre et deux paragraphes.
2. Ouvrez-le dans votre navigateur.
3. Ajoutez une règle CSS dans la balise <style> pour colorer le titre.

Ce que vous retenez : le HTML pose le contenu, le CSS change son apparence.

Mini-quiz : avez-vous bien compris ?

1. À quoi sert le HTML ? → Réponse : à décrire le contenu et sa structure.
2. À quoi sert le CSS ? → Réponse : à décrire l'apparence.
3. Le CSS change-t-il les mots d'une page ? → Réponse : non, seulement leur affichage.

FAQ

Faut-il apprendre le HTML avant le CSS ?

Oui, c'est l'ordre le plus logique. Le HTML pose la structure, le CSS la met en forme.

Peut-on faire un site avec seulement du HTML ?

Oui. Un site simple peut tenir en HTML seul. Le CSS le rend simplement plus agréable à lire.

Où apprendre gratuitement ?

La documentation MDN est une référence fiable et gratuite, en français.

Pour aller plus loin

• Peut-on créer un site sans savoir coder ?
• C'est quoi la programmation, concrètement ?