Skip to content
Ouvrir sur ma machine
- Créer un dossier
html sur votre machine
- Ouvrir VSCode (ou autre éditeur de votre choix) et ajouter le dossier au Workspace, puis sauvegarder votre Workspace
- Créer 3 fichiers :
index.html, styles.css, scripts.js
- Recréer le code précédent (en utilisant emmet avec le snippet html:5)
- Lancer l’exécution de la page avec Go Live ou Live Preview (pour VSCode)
- Explorer la référence des éléments HTML et ajouter les balises suivantes à votre document: h1, h2, h3, p, a, b, strong, ul, ol, button, form, table, img, picture, video, audio, div, section, iframe
- Créer un nouveau fichier html dans votre projet, et le lier avec une balise a
- Récupérer ce fichier HTML et l’ajouter dans votre projet
- Vérifier le fichier avec le validateur W3C
- Identifier et corriger les problèmes en utilisant le DevTools et les informations du validateur W3C
- Valider à nouveau le fichier corrigé avec le validateur W3C
- Créer un nouveau dossier
html-lettre sur votre machine
- Ajouter ce dossier à votre Workspace VSCode
- Réaliser l’exercice Faire une lettre de la documentation Mozilla, en mettant les fichier dans votre dossier
html-lettre
- Pour les plus rapides, en attendant que tout le monde ait terminé l’exercice 3, vous pouvez commencer l’exercice Structurer une page de contenu
- Créer un nouveau dossier et ajouter le à votre workspace VSCode