Imprimer
Apprendre la Programmation HTML et CSS #1 – Indroduction

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.

Publicité

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.

Cours HTML/CSS Débutant #1 - Introduction (2022)Cours HTML/CSS Débutant #1 – Introduction (2022)

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:

wikipedia-avec-css

Sans CSS:

wikipedia-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

Publicité

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

  1. NotePad++

    notepad++

    Points forts:
    – Gratuit
    – Sous licence Libre
    – Met de la couleur au code
    – Suggestions de variables

    Points Faibles:
    – Interface peu “User friendly”

  2. SublimeText

    SublimeText

    Points forts:
    – Ajoute de la couleur au code
    – Extrêmement personnalisable avec des add-ons
    – Gratuit
    – Disponible sous Windows, Mac et Linux

    Points Faibles
    – Vous allez avoir souvent une pub pour vous demander d’acheter une licence pour une version “Pro”

  3. Visual Studio Code

    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 web

    Points 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

Encore besoin d'aide ?

Malgré que tu as lu ce tutoriel, tu te poses toujours des questions à ce sujet? Le problème ne s'est pas réglé ? Vous êtes bloqué à un endroit ?

Viens poser ta question et sois répondu par la communauté Informerick rapidement!

À voir aussi

Si tu as aimé ce tutoriel. Voici d'autres tutoriels que tu peux retrouver sur Informerick.

Next Apprendre la programmation HTML et CSS #10 Tableaux HTML

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée.

Categories

Rejoignez la communauté discord

S'abonner à l'infolettre

Nouveau! Publiez sur Informerick!

Table des matières

Restez à l'affût des nouveautés

L'informatique est un domaine qui est en constante évolution. Faites partie des premiers à recevoir les dernières nouveautés.

Suivez-nous