• Créer une deuxième page pates.html avec une recette de pâtes.
• Ajouter dans les 2 fichiers html un titre "Mes recettes" et 2 liens permettant de naviguer entre les 2 fichiers.
• Ajouter un paragraphe en bas de la page avec le copyright "site réalisé par moi!".

• Utiliser les éléments header, nav , section et footer pour structurer la page.

https://www.w3schools.com/html/html5_semantic_elements.asp

• Modifier les règles CSS des éléments header, nav , section et footer afin de leur donner des couleurs de fond différentes

• Afin de retirer toutes les marges par défaut, ajouter la règle ci-dessous:

* {
    margin: 0;
    padding: 0;
}

• Rechercher la différence entre le margin et le padding.
• Cibler l'élément body et lui donner une largeur de 1000px. Utiliser margin:auto pour le centrer.
• Ajouter du padding aux éléments header, nav , section et footer.

Le sélecteur a cible tous les liens quelque soit leur état.

Le sélecteur a:hover cible les liens survolés.

https://www.w3schools.com/css/css_link.asp

Le sélecteur nav a permet de cibler uniquement les liens contenus dans le nav.

• Modifier les liens afin de réaliser des "boutons" pour le menu de navigation.

• Utiliser la propriété float pour placer l'image à droite de la recette.

https://www.w3schools.com/css/css_float.asp

• Utiliser la propriété clear sur le pied de page, afin de le maintenir en dessous de l'image.

https://www.w3schools.com/css/css_float_clear.asp

• Finaliser les polices et les marges.