Exercice 5/26

  • Dans le fichier index.html, insérez un ‹link› vers stylesheet.css dans index.html. Regardez l'astuce si vous avez besoin d'aide;
  • Cliquez sur soumettre ma réponse pour vérifier vos résultats;

Leçon 5/26

Vous avez vu qu'on pouvait mettre le CSS dans la page HTML en utilisant les balises ‹style›‹/style›. Mais il y a un autre moyen, beaucoup plus pratique.

Vous savez que vous devez écrire votre CSS dans un fichier à part. Mais comment être sûr que le fichier HTML aura accès aux informations de style contenues dans le fichier CSS ?

Grâce à une balise ‹link› (comme vous l'avez vu dans les premiers exercices de ce cours) insérée entre les balises ‹head›‹/head› de votre page HTML. Votre balise ‹link› a besoin de trois attributs :

  • Un attribut type qui doit toujours être égal à "text/css".
  • Un attribut rel qui doit toujours être égal à "stylesheet"
  • Un attribut href qui doit pointer vers l'adresse internet de votre fichier CSS.

Dans l'éditeur à droite, vous pouvez voir deux fichiers : index.html et stylesheet.css.

La syntaxe complète pour relier votre fichier CSS à votre fichier HTML doit ressembler à ça :

‹link type="text/css" rel="stylesheet" href="stylesheet.css" /›

Si vous avez un nombre étrange pour la taille de police, remettez le zoom de votre navigateur par défaut en tapant Ctrl-0 ou Cmd-0.

Commentaires les mieux notés

  • aitamaradjaffar

    <link type="text/css rel="stylesheet" href="stylesheet.css" />

  • delbarj-28

    Bonjour je ne comprend pas a quoi sert l'attibu type="text/css" j'ai deja realisé un portfolio et un blog et <link rel="stylesheet" href="stylesheet.css"/> fonctionnait trés bien

  • mram Administrateur

    Dans votre premier code, les chevrons < et > n'étaient pas écrits avec les bons caractères ...

  • asmaboutouba-88

    Bonjour, cela ne fonctionne pas, message d erreur lorsque j insère la balise link entre la balise head

16 Commentaires

  • aitamaradjaffar

    aitamaradjaffar

    <link type="text/css rel="stylesheet" href="stylesheet.css" />

    le 13/12/2017 à 12h57

  • mram

    mram Administrateur

    Bonjour, vous aviez oublié de fermer un guillemet.

    le 14/12/2017 à 21h44

  • mram

    mram Administrateur

    Dans votre premier code, les chevrons < et > n'étaient pas écrits avec les bons caractères ...

    le 23/02/2017 à 13h55

  • asmaboutouba-88

    asmaboutouba-88

    Bonjour, cela ne fonctionne pas, message d erreur lorsque j insère la balise link entre la balise head

    le 26/02/2018 à 12h19

  • mram

    mram Administrateur

    Bonjour, vous avez du faire un copier / coller car les symboles du chevron < > n'étaient pas les bons.

    le 01/03/2018 à 22h51

  • asmaboutouba-88

    asmaboutouba-88

    c est bon, j ai trouvé....ce sont les espaces qui posaient problemes

    le 26/02/2018 à 12h38

  • ultimethoma

    ultimethoma

    <link href="stylesheet.css" rel="stylesheet" title="osef" type="text/css"/> ça c'est ok

    le 23/02/2017 à 08h54

  • yanndavid59

    yanndavid59

    je ne comprends pas j'essaye de plusieurs façon il me dise que le lien n'est pas dans la bonne catégorie.

    le 03/10/2018 à 16h00

  • meriam

    meriam Administrateur

    Votre code n'est pas correcte, lisez bien l'énnoncé de l'exercice. Il faut insérer un ‹link› vers le fichier stylesheet.css dans index.html dans la partie head : La syntaxe complète pour relier votre fichier CSS à votre fichier HTML doit ressembler à ça : ‹link type="text/css" rel="stylesheet" href="stylesheet.css" /›

    le 04/10/2018 à 18h23

  • ultimethoma

    ultimethoma

    ça marche pas non ? ._.

    le 23/02/2017 à 08h49

  • yanndavid59

    yanndavid59

    J'ai effectuer la tache, mais l'erreur et toujours présente.

    le 23/10/2018 à 11h18

  • meriam

    meriam Administrateur

    La fermeture link n'est pas correcte. L'écriture exacte: < link type="text/css" rel="stylesheet" href="stylesheet.css" />.

    le 23/10/2018 à 16h01

  • fbeaubrundiant-99

    fbeaubrundiant-99

    Bonjour cela me dit que <title> contient du texte.,Vérifiez que vous avez correctement inséré la balise <link /> entre les balises <head>

    le 12/04/2018 à 16h33

  • mram

    mram Administrateur

    Bonjour, le souci vient du chevron > fermant de la balise link : ce n'est pas le bon caractère que vous utilisez donc la balise n'est pas fermée.

    le 15/04/2018 à 02h11

  • frenchring-4

    frenchring-4

    je ne vois pas mon erreur..

    le 30/08/2018 à 16h00

  • mram

    mram Administrateur

    Bonjour, que vous dit le message d'erreur ? Ca aidera pour trouver où ça coince.

    le 05/09/2018 à 06h43

  • gnepa54eljo-56

    gnepa54eljo-56

    j'ai essayé cela <link type="text/css" href="stylesheet.css"> et c'est passé

    le 07/03/2018 à 14h05

index.html
stylesheet.css
<!DOCTYPE html> <html> <head> <title>Faites la paire : liez CSS et HTML</title> </head> <body> <p>Je veux être de police taille 44 !</p> </body> </html>
p { font-size: 44px; }