Ce diaporama n’est pas le cours, il en donne la trame. Le cours complet est sur la page de la leçon.

Premiers pas en HTML

Installer un IDE

Choisir son éditeur de code, et écrire son premier fichier

Un éditeur de code

Il n’ajoute rien dans le fichier que vous ne puissiez pas voir.

Pas de Word, LibreOffice, Google Docs, Pages, Notes ni TextEdit : ils enregistrent la mise en forme avec le texte.

Avez-vous déjà un éditeur de code ?

Les éditeurs les plus répandus

  • Visual Studio Code, et sa version sans suivi, VSCodium
  • Zed et Geany, gratuits et open source
  • Notepad++, sur Windows seulement
  • Sublime Text, payant, mais utilisable gratuitement sans limite

Installer VS Code

code.visualstudio.com

Gratuit, sur Windows, Mac et Linux, et le plus utilisé. Vous pouvez en choisir un autre.

Afficher les extensions des fichiers

  • Windows : Explorateur, Afficher, cochez Extensions de noms de fichiers.
  • Mac : Finder, Réglages, Avancés, cochez Afficher toutes les extensions de fichier.

Sinon, liste.html s’appellera en réalité liste.html.txt.

Créez liste.txt

Ma liste de courses
- Pain
- Fromage
- Tomates

Puis glissez-le dans votre navigateur.

Enregistré en liste.html, que va afficher le navigateur ?

Tout sur une seule ligne

Ma liste de courses - Pain - Fromage - Tomates

En HTML, ce sont les balises qui structurent la page, pas les retours à la ligne.

Ajoutez les balises

<h1>Ma liste de courses</h1>
<ul>
    <li>Pain</li>
    <li>Fromage</li>
    <li>Tomates</li>
</ul>

Enregistrez, puis rechargez la page.

Premiers pas en HTML

Votre premier fichier HTML fonctionne

Il lui manque encore le squelette que toute page doit avoir.

Fermer
1 / 1