đ§Ș Lab HTML â CrĂ©e ta premiĂšre page web
đŻ Objectif
CrĂ©er une page web simple en utilisant uniquement du HTML. Tu vas devoir chercher toi-mĂȘme comment faire certaines choses.
𧰠Matériel nécessaire
- Un Ă©diteur de texte (VS Code, Notepad++, Bloc-notesâŠ)
- Un navigateur web (Chrome, Firefox, etc.)
- Une connexion Internet (pour chercher les bonnes balises !)
đ Partie 1 â PrĂ©paration
- Crée un dossier nommé
mon_site.
- Ă lâintĂ©rieur, crĂ©e un fichier
index.html.
- Ouvre ce fichier avec ton éditeur de texte.
đ§© Partie 2 â Construis ta page
Remplis ton fichier index.html avec du code HTML qui respecte les consignes suivantes :
đ§± Structure
- Ta page doit ĂȘtre une page HTML valide.
- Elle doit avoir un titre (celui qui sâaffiche dans lâonglet du navigateur).
đ Contenu
- Affiche un titre principal avec le nom de ton site.
- Ajoute un paragraphe de présentation.
- Ajoute au moins deux autres sections :
- Une section « à propos »
- Une section « Mes passions »
đĄ Astuce : cherche comment crĂ©er des sections, des titres secondaires et des paragraphes.
đŒ Image
Ajoute une image dans ta page (tu peux utiliser une image locale ou une image trouvée sur le web).
Cherche comment insérer une image en HTML. N'oublie pas le texte alternatif !
đ Lien
Ajoute un lien cliquable qui ouvre Google dans un nouvel onglet.
â
Liste
CrĂ©e une liste (ordonnĂ©e ou non) avec au moins 3 Ă©lĂ©ments (ex : tes plats prĂ©fĂ©rĂ©s, tes jeux favorisâŠ)
đ Bonus (si tu as fini)
- Ajoute une ligne horizontale quelque part dans ta page.
- Mets un mot en gras et un autre en italique dans un paragraphe.
- Ajoute un commentaire HTML dans ton fichier.
đ Conseils
- Utilise Google avec des recherches comme :
- "comment insérer une image en HTML"
- "balise pour créer une liste en HTML"
- "lien HTML nouvel onglet"
- Le site w3schools.com est une bonne référence si tu bloques.