article(s) dans votre panier VOIR

Tuto PHP/MySQL | Exercice

  • Vidéo 10 sur 158
  • 4h43 de formation
  • 158 leçons

Un contenu flash devrait s'afficher ici. Votre navigateur ne comporte pas de plugin flash, ou il ne s'est pas correctement initialisé.

Vous pouvez télécharger le plugin flash depuis le site d'Adobe à l'adresse suivante : http://get.adobe.com/flashplayer/.

Pour accéder à la suite de cette formation, vous devez vous abonner.
previous
summary
resume
next
play
Exercice
00:00 / 03:00
HD
fullscreen
Je m’abonne
à partir de 16,6 € / mois
  • Visionnage en ligne
  • Accès illimité à toutes nos formations
OU
J'achète uniquement
la formation
49,90€
  • Téléchargement + VOD à vie
  • Accès uniquement à cette formation

Sommaire de la formation

Détails de la formation

Je vous propose maintenant de faire un exercice afin de confirmer que tout ce qui a été dit jusqu'ici est bien acquis. Cela ne devrait pas vous prendre plus de dix minutes. Voici l'énoncé.
Définissez un document HTML qui fait référence à la feuille de styles externe styles.css.
Insérez un titre de niveau 1, un titre de niveau 2, une image trouvée dans les mémoires de masse de votre ordinateur et un peu de texte issu de la page http://fr.lipsum.com/.
Utilisez du code CSS pour modifier la police du document. Choisissez la police Comic Sans MS, italique, de corps 18px et de couleur SlateBlue.
Voici le résultat à obtenir.
Solution
Voici le document HTML :
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <link rel="stylesheet" href="styles.css" />
    <title>Un document mis en forme en CSS</title>
  </head>
  <body>
    <h1>Lorem Ipsum</h1>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum</p>
    <h2>Sous-titre</h2>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum</p>
    <img src="elephant.jpg">
  </body>
</html>
Et le fichier styles.css :
* {
    font-family: 'Comic Sans MS';
    font-style: italic;
    font-size: 18px;
    color: SlateBlue;
}