Back

Exercices en CSS les sélecteurs Série 03

Exercices en CSS les sélecteurs Série 03

  1. Objectif

    • Être capable de créer un fichier HTML, un fichier CSS et les faire fonctionner ensemble.
  2. Exercice 01

    1. Énoncé
      1. Commencer par créer un dossier et le nommer HTML
      2. Ouvrir votre éditeur de texte et taper ce qui suit:
      3. Copier et coller le reste du Texte de votre page
      4. Enregistrer votre page avec le nom index.html dans le dossier HTML
      5. Dans le même dossier créer un nouveau document de type txt “Nouveau document texte.txt”
      6. Renommer “Nouveau document texte.txt” en “styles.css
      7. Dans le <head> de votre index.html appeler votre feuille de style
      8. Séparer les fichiers est une bonne chose car cela vous permet facilement d’utiliser la même feuille de style sur plusieurs fichiers HTML: il vous suffit d’écrire votre feuille de style une fois.

      9. Ajouter une couleur “blue” et une couleur d’arrière plan #f5f5ff” au document.
      10. Ajouter les fontes au “Georgia, “Times New Roman”,Times, serif” au body
      11. Ajouter les fontes au “Helvetica, Geneva, Arial,SunSans-Regular, sans-serif” au titre h1 et h2



      12. Sur le Web, vous ne pouvez jamais être sûr des fontes qu’auront vos lecteurs sur leurs ordinateurs, donc ajoutez les alternatives de fontes

      13. Utiliser la liste <ul>, au début de votre page, comme menu ou barre de navigation
      14. Déplacer la liste <ul> à gauche, et le reste du texte à droite
      15. L’élément <ul> doit être positionné de façon indépendante de tout texte qui vient avant ou après dans le document
      16. Supprimer les points de la liste et déplacer les éléments à gauche, à l’endroit où étaient les points.
      • A la fin de ce TP, vous aurez fait un fichier HTML qui ressemble à cela:
    2. Solution
      • Essayez de faire l’exercice de votre côté avant de regarder la Solution !



Riadh HAJJI

Abonnez vous à notre chaîne YouTube gratuitement