Bienvenue dans cette formation / cours pour apprendre les bases du HTML et du CSS.
Dans cette formation gratuite voici ce que tu vas y retrouver:
- Créer son premier site web avec du code HTML et CSS
- Compréhension du HTML et du CSS
- Être capable d’ajouter du contenu HTML
- Être capable de styliser du contenu avec le CSS
- Formater du texte
- Créer des tableaux
- Comprendre les balises et les attributs
- Créer des sites web responsive
Cette formation est destinée à tout le monde, que tu sois un débutant ou un expert souhaitant revoir les bases du code HTML et du CSS.
Alors bienvenu à toi, installe-toi, nous allons passer un certain temps ensemble pour comprendre ces langages ensemble.
Version vidéo
Tu préfères la version vidéo? Je t’invite à regarder ce tutoriel version vidéo sur la chaîne YouTube Informerick.
Que fait le langage HTML et le Langage CSS?
Vous faites biens de poser la question.
Alors, oui, tu dois te dire que ça aurait été plus simple de créer un seul langage pour créer des sites web. Oui, mais non. Ces deux langages sont des langages complémentaires.
Le HTML lui permet d’ajouter du contenu à un site web. C’est avec lui que l’on va ajouter le texte du site, les images et les tableaux.
Le CSS tant qu’à lui permet d’ajouter du style à un site web, d’ajouter des couleurs, de modifier les grandeurs et même de transformer votre site web en responsive!
Pour plus te faire comprendre ces deux langages, voici le site Wikipédia avec et sans CSS.
Avec CSS:

Sans CSS:

Comme tu le vois, le CSS ne fais que changer la disposition et l’apparence, tant qu’au HTML, lui permets d’ajouter le contenu au site web.
2. Les éditeurs de texte
Alors là nous allons voir une partie intéressante de cette formation:
Avec quoi nous écrivons notre code de site web?
Nous l’écrivons avec un éditeur de texte! Tu ne sais pas qu’est-ce que c’est? C’est ce qui te permet d’écrire du texte:
Le bloc note de Windows. Et oui, tu peux créer des sites web même avec le bloc note de Windows!
Tu peux créer des sites web avec le bloc note de Windows, mais ce n’est pas l’optimal. Alors je te présente trois logiciels d’éditeur de texte pour coder en HTML et CSS:
Les meilleurs éditeur de texte pour coder en HTML et CSS
NotePad++
Points forts:
– Gratuit
– Sous licence Libre
– Met de la couleur au code
– Suggestions de variablesPoints Faibles:
– Interface peu « User friendly »SublimeText
Points forts:
– Ajoute de la couleur au code
– Extrêmement personnalisable avec des add-ons
– Gratuit
– Disponible sous Windows, Mac et LinuxPoints Faibles
– Vous allez avoir souvent une pub pour vous demander d’acheter une licence pour une version « Pro »Visual Studio Code
Points forts:
– Permets beaucoup d’organisation
– Ajoute de la couleur au code
– Suggestion de variables
– Utilisé par plus de 50% des développeurs webPoints Faible
– Difficile à prendre en main pour les débutants
FAQ
Lesquels sont les meilleurs éditeurs de texte gratuits pour le HTML et le CSS?
Je te conseille un de ces trois éditeurs de texte gratuit:
- NotePad++
- SublimeText
- Visual Studio Code
Comment le HTML et le CSS travaillent ensemble?
Ces deux langages sont des langages complémentaires. Le HTML permet d’ajouter du contenu (le texte, les images…) et le CSS lui permet de mettre du style au contenu (modifier la couleur, déplacer …)
Cet article se trouve dans la catégorie: Programmation