Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Apprendre Défi : Structurer un Document HTML | Fondamentaux de Html
Principes Fondamentaux du HTML

bookDéfi : Structurer un Document HTML

Bienvenue à votre premier défi dans ce cours !

Les défis sont conçus pour consolider les connaissances et la théorie que vous avez acquises jusqu'à présent, en les mettant en pratique. Apprendre en pratiquant est la meilleure façon d'apprendre, alors ne sautez aucun défi.

Comment fonctionnent les défis ? Une tâche vous sera donnée à accomplir, puis un bloc de code comportant des espaces à compléter vous sera présenté. Une fois le défi terminé, vous pourrez exécuter votre code pour vérifier que tout fonctionne comme prévu.

Sous le bloc de code, vous verrez deux boutons : et .

  • Le bouton affichera des indices pour vous aider dans le défi ;
  • Le bouton affichera le code complété pour ce défi particulier.

N'hésitez pas à expérimenter et à essayer différentes options pour accomplir la tâche. Plus vous écrirez, plus cela deviendra facile. Bonne chance !

Tâche

Compléter les espaces pour créer la structure de base d'un document HTML.

index.html

index.html

copy

Astuce

  • Étape 1 : La déclaration du type de document doit être <!DOCTYPE html>. Cette déclaration informe le navigateur que le document est rédigé en HTML5.
  • Étape 2 : Compléter les espaces vides avec les balises d'ouverture et de fermeture appropriées (<head></head>) pour la section head.
  • Étape 3 : Utiliser UTF-8 comme encodage de caractères.
  • Étape 4 : Compléter les espaces vides avec les balises d'ouverture et de fermeture appropriées (<body></body>) pour la section body.
index.html

index.html

copy

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 2. Chapitre 2

Demandez à l'IA

expand

Demandez à l'IA

ChatGPT

Posez n'importe quelle question ou essayez l'une des questions suggérées pour commencer notre discussion

Suggested prompts:

Can you show me the code block with the blanks that need to be filled in?

Can you give me more details about what should go inside the head and body sections?

What is the expected output after filling in the blanks?

Awesome!

Completion rate improved to 3.13

bookDéfi : Structurer un Document HTML

Glissez pour afficher le menu

Bienvenue à votre premier défi dans ce cours !

Les défis sont conçus pour consolider les connaissances et la théorie que vous avez acquises jusqu'à présent, en les mettant en pratique. Apprendre en pratiquant est la meilleure façon d'apprendre, alors ne sautez aucun défi.

Comment fonctionnent les défis ? Une tâche vous sera donnée à accomplir, puis un bloc de code comportant des espaces à compléter vous sera présenté. Une fois le défi terminé, vous pourrez exécuter votre code pour vérifier que tout fonctionne comme prévu.

Sous le bloc de code, vous verrez deux boutons : et .

  • Le bouton affichera des indices pour vous aider dans le défi ;
  • Le bouton affichera le code complété pour ce défi particulier.

N'hésitez pas à expérimenter et à essayer différentes options pour accomplir la tâche. Plus vous écrirez, plus cela deviendra facile. Bonne chance !

Tâche

Compléter les espaces pour créer la structure de base d'un document HTML.

index.html

index.html

copy

Astuce

  • Étape 1 : La déclaration du type de document doit être <!DOCTYPE html>. Cette déclaration informe le navigateur que le document est rédigé en HTML5.
  • Étape 2 : Compléter les espaces vides avec les balises d'ouverture et de fermeture appropriées (<head></head>) pour la section head.
  • Étape 3 : Utiliser UTF-8 comme encodage de caractères.
  • Étape 4 : Compléter les espaces vides avec les balises d'ouverture et de fermeture appropriées (<body></body>) pour la section body.
index.html

index.html

copy

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 2. Chapitre 2
some-alt