HTML FEUILLES DE STYLES

EXERCICE 11

  1. Récupérez l’exercice 4 et enregistrez le sous exercice11.htm

  2. Enlevez tous les styles/couleurs présents dans les balises p

  3. Créez un style lié à la balise dans l’entête HEAD. Vous préciserez dans ce style que la couleur est verte et que l’alignement du texte est à droite

  4. Recopier ce style dans un fichier CSS « paragraphe.css »

  5. Faite un lien dans la page exercice11 sur ce fichier CSS. Valider votre CSS sur le site du W3C (validator CSS)

EXERCICE 11 Bis

  1. Récupérez l’exercice 11

  2. nettoyez toutes les balises de style présentes dans la page

  3. adaptez la feuille de style pour que la page "11bis.html" ressemble à ça

EXERCICE 12

  1. Récupérez la page « exercie4.htm » et renommez la en « exercice12.htm ».

  2. Enlevez tous les balises de mise en forme (style, font, ..) sauf strong et em.

  3. Renommez toutes les balises de titres en h1.

  4. Sous le premier Titre « Metz ne veut …… », créez quatre liens internes « Introduction », « Maire », « Cyclistes » et « Opposition » qui pointent sur les débuts de paragraphe correspondant.

  5. Avec des balises de commentaires (< !- - mon commentaire - -> ), identez votre code (entête, menu, paragraphe1,pargraphe2,…, bas de page).télécharger la page

  6. Créez maintenant une feuille de style externe que vous appellerez « exo12.css »

  7. Dans cette feuille de style, vous ferez (mettez des commentaires) : instructions CSS

  8. Dans la page « exercice12.htm », faites un lien sur cette feuille de style