# 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 apprises jusqu'à présent, en les mettant en pratique. <u>Apprendre en faisant est la meilleure façon d'apprendre, alors assurez-vous de ne sauter aucun défi.</u>

**Alors, comment fonctionnent les défis ?** Vous recevrez une tâche à accomplir, puis vous serez présenté avec un bloc de code qui contient des lacunes à remplir. Une fois que vous avez terminé le défi, vous pouvez exécuter votre code pour vous assurer que tout fonctionne comme prévu.

Sous le bloc de code, vous verrez deux boutons : <button type="button" style="background-color: #90adde; color: #ffffff; padding: 4px 16px; border: none; font-weight: 400; border-radius: 24px; font-family: 'Play', sans-serif; font-size: 18px; cursor: pointer; transition: 0.5s ease-in-out;">Indice</button> et <button type="button" style="background-color: #90adde; color: #ffffff; padding: 4px 16px; border: none; font-weight: 400; border-radius: 24px; font-family: 'Play', sans-serif; font-size: 18px; cursor: pointer; transition: 0.5s ease-in-out;">Solution</button>. 
- Le bouton <button type="button" style="background-color: #90adde; color: #ffffff; padding: 4px 16px; border: none; font-weight: 400; border-radius: 24px; font-family: 'Play', sans-serif; font-size: 18px; cursor: pointer; transition: 0.5s ease-in-out;">Indice</button> révélera des indices pour vous aider avec le défi ;
- Le bouton <button type="button" style="background-color: #90adde; color: #ffffff; padding: 4px 16px; border: none; font-weight: 400; border-radius: 24px; font-family: 'Play', sans-serif; font-size: 18px; cursor: pointer; transition: 0.5s ease-in-out;">Solution</button> vous montrera le code complété pour ce défi particulier.

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

## Tâche
Remplissez les blancs pour créer la structure de base d'un document HTML.

PCEtLSBTdGVwIDE6IEFkZCB0aGUgZG9jdW1lbnQgdHlwZSBkZWNsYXJhdGlvbiAtLT4KPCFfX19fXyBodG1sPgo8aHRtbD4KICA8IS0tIFN0ZXAgMjogQWRkIHRoZSBvcGVuaW5nIGFuZCBjbG9zaW5nIHRhZ3MgZm9yIHRoZSBoZWFkIHNlY3Rpb24gLS0+CiAgPF9fX19fPgogICAgPHRpdGxlPkNoYWxsZW5nZTogSFRNTCBEb2N1bWVudCBTdHJ1Y3R1cmU8L3RpdGxlPgoKICAgIDwhLS0gU3RlcCAzOiBBZGQgdGhlIGNoYXJhY3RlciBlbmNvZGluZyAtLT4KICAgIDxtZXRhIGNoYXJzZXQ9Il9fX19fX18iIC8+CiAgPC9fX19fXz4KCiAgPCEtLSBTdGVwIDQ6IEFkZCB0aGUgb3BlbmluZyBhbmQgY2xvc2luZyB0YWdzIGZvciB0aGUgYm9keSBzZWN0aW9uIC0tPgogIDxfX19fXz4KICAgIDxoMT5NYWluIGhlYWRpbmcgb2YgdGhlIEhUTUwgZG9jdW1lbnQ8L2gxPgogICAgPHA+VGV4dCBwYXJhZ3JhcGg8L3A+CiAgPC9fX19fXz4KPC9odG1sPg==

## Indice
- Étape 1 : La déclaration du type de document doit être `<!DOCTYPE html>`. Cette déclaration informe le navigateur que le document est écrit en HTML5.
- Étape 2 : Remplissez les blancs avec les balises d'ouverture et de fermeture appropriées (`<head></head>`) pour la section head.
- Étape 3 : Utilisez `UTF-8` comme encodage de caractères.
- Étape 4 : Remplissez les blancs avec les balises d'ouverture et de fermeture appropriées (`<body></body>`) pour la section body.

PCEtLSBTdGVwIDE6IEFkZCB0aGUgZG9jdW1lbnQgdHlwZSBkZWNsYXJhdGlvbiAtLT4KPCFET0NUWVBFIGh0bWw+CjxodG1sPgogIDwhLS0gU3RlcCAyOiBBZGQgdGhlIG9wZW5pbmcgYW5kIGNsb3NpbmcgdGFncyBmb3IgdGhlIGhlYWQgc2VjdGlvbiAtLT4KICA8aGVhZD4KICAgIDx0aXRsZT5DaGFsbGVuZ2U6IEhUTUwgRG9jdW1lbnQgU3RydWN0dXJlPC90aXRsZT4KCiAgICA8IS0tIFN0ZXAgMzogQWRkIHRoZSBjaGFyYWN0ZXIgZW5jb2RpbmcgLS0+CiAgICA8bWV0YSBjaGFyc2V0PSJVVEYtOCIgLz4KICA8L2hlYWQ+CgogIDwhLS0gU3RlcCA0OiBBZGQgdGhlIG9wZW5pbmcgYW5kIGNsb3NpbmcgdGFncyBmb3IgdGhlIGJvZHkgc2VjdGlvbiAtLT4KICA8Ym9keT4KICAgIDxoMT5NYWluIGhlYWRpbmcgb2YgdGhlIEhUTUwgZG9jdW1lbnQ8L2gxPgogICAgPHA+VGV4dCBwYXJhZ3JhcGg8L3A+CiAgPC9ib2R5Pgo8L2h0bWw+

Maîtrisez les fondamentaux de HTML. Explorez tout, de la compréhension du web aux sujets avancés de HTML comme les listes, les liens, les images, l'intégration de médias, les tableaux, les formulaires, et le HTML sémantique, et construisez votre premier site web.

Obtenez une introduction au web et à HTML, y compris l'importance des balises, des éléments et des attributs. Apprenez la structure de base d'un document HTML et l'histoire brève du web.

Maîtrisez les éléments essentiels du balisage HTML, en vous concentrant sur le formatage de texte spécial et les listes, en comprenant leur importance dans la structuration du contenu au sein d'un document HTML. Plongez dans les subtilités de la structure des documents HTML tout en affinant les techniques de balisage de texte.

Débloquez la puissance du contenu visuel et auditif dans le développement web en apprenant à intégrer de manière transparente des images, des vidéos et des éléments audio dans les documents HTML. Explorez les nuances de l'incorporation de divers formats de médias.

Naviguez dans les complexités de la présentation des données et de l'interaction utilisateur avec une couverture complète des tableaux et formulaires en HTML, englobant les structures de tableaux, la création de formulaires et les éléments d'entrée. Acquérez de la compétence dans la mise en œuvre des éléments d'entrée de formulaire et l'utilisation des attributs pour une fonctionnalité améliorée.

Élevez vos compétences en HTML au niveau supérieur en explorant les éléments HTML sémantiques, vous permettant de créer un contenu web bien structuré et accessible. Lancez-vous dans la création de votre premier site web, en appliquant vos nouvelles connaissances pour donner vie à vos idées.

Essentiels HTML

Défi : Structure du Document HTML

Bienvenue à votre premier défi dans ce cours !

Tâche

Indice