Exercice 5/7

Remplacez le contenu de chaque cellule de votre tableau par une image (entre chaque paire de balises <td></td>). Vérifiez bien que chaque attribut src correspond à l'URL de l'image sélectionnée !

Leçon 5/7

Maintenant que la structure de votre tableau est en place, nous allons le remplir avec des photos en lieu et place des chiffres 1 à 9. Partez à la recherche de 9 images sur internet. Vous ne savez pas comment faire ? Tapez "photos de chats" sur votre moteur de recherche préféré (c'est Qwant, n'est-ce-pas ?).

Rappelez-vous que la balise <img> est une balise auto-fermante. Vous devez donc taper simplement :

<img src="URL" />

Commentaires les mieux notés

  • amady89-31

    jene comprends pas pourquoi on me dit de vérifier l'url de l'image, c'est un copier-coller

  • elbasanoguz561995-70

    je ne comprends pas pourquoi ca me met " verifiez si vous avez trois balises <td></td> dans votre <tr>

  • jo.lauria67

    même problème que les autres impossible d'avancer....<<la première URL saisie est incorrecte>>...HELP please !

  • peviar

    depuis le début il ne remet jamais le <tbody></tbody>...

48 Commentaires

  • elbasanoguz561995-70

    elbasanoguz561995-70

    je ne comprends pas pourquoi ca me met " verifiez si vous avez trois balises <td></td> dans votre <tr>

    le 24/07/2018 à 09h30

  • mram

    mram Administrateur

    Les lignes 20 , 27 et 34 sont inutiles, la balise "tbody" ne s'utilise qu'une seule fois.

    Le souci doit venir de là.

    le 01/08/2018 à 05h26

  • jo.lauria67

    jo.lauria67

    même problème que les autres impossible d'avancer....<<la première URL saisie est incorrecte>>...HELP please !

    le 04/11/2016 à 19h18

  • peviar

    peviar

    depuis le début il ne remet jamais le <tbody></tbody>...

    le 09/02/2016 à 16h45

  • line.lagarde

    line.lagarde

    Il affiche bien mon image mais me dit que l'url de la première image est incorrecte... Encore un bug ou c'est moi?

    le 27/05/2016 à 22h04

  • pizzutoandrea3

    pizzutoandrea3

    petite aide.. merci

    le 26/05/2017 à 02h04

  • mram

    mram Administrateur

    C'est simplement que l'url de l'image est trop longue / compliquée pour le script qui analyse le code. Avec un lien plus simple c'est bon, bien que votre code en lui-même soit correct. Essayez avec cette image : https://pbs.twimg.com/profile_images/638751551457103872/KN-NzuRl.png

    le 27/05/2016 à 22h04

  • mram

    mram Administrateur

    Tous vos lien "src" sont sur 2 lignes ...

    le 16/09/2016 à 14h37

  • mram

    mram Administrateur

    Essayez avec une url la plus simple qui soit possible, exemple : https://www.google.fr/images/branding/googleg/1x/googleg_standard_color_128dp.png

    le 04/11/2016 à 20h58

  • pizzutoandrea3

    pizzutoandrea3

    petite aide

    le 28/05/2017 à 19h26

  • jo.lauria67

    jo.lauria67

    Super ! Merci @mram

    le 07/11/2016 à 19h03

  • pizzutoandrea3

    pizzutoandrea3

    petite aide..

    le 29/05/2017 à 00h24

  • mram

    mram Administrateur

    Vos liens vers certaines images sont trop complexes, mettez des chemins moins longs et plus simples. Utilisez la recherche Google pour vous aider.

    le 29/05/2017 à 15h32

  • william01fr

    william01fr

    la encore je suis blocqué <!DOCTYPE html> <html> <head> <link type="text/css" rel="stylesheet" href="stylesheet.css" /> <title>Ma galerie de photos</title> </head> <body> <table> <thead> <tr> <th>guilhermo</th> </tr> </thead> <tr> <td> <img src="https://static.wamiz.fr/images/news/medium/pixel-carr.png" /img> </td> <td> <img src="http://3.bp.blogspot.com/-MeylT-TyLg4/VBvrzq9vP4I/AAAAAAAAAwY/-BYdW9mY1so/s1600/Mr-Peebles-plus-petit-chat-record.jpg" /img> </td> <td> <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/c/c1/Veda,chat-adulte-m%C3%A2le-race-korat.JPG/150px-Veda,chat-adulte-m%C3%A2le-race-korat.JPG" /img> </td> </tr> <tr> <td> <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/e/ee/Singapore_wild_cats_1.jpg/180px-Singapore_wild_cats_1.jpg" /img> </td> <td> <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/c/ca/Flamba_de_Sehzade.jpg/220px-Flamba_de_Sehzade.jpg" /img> </td> <td> <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/2/28/Munchkinshorthaired.jpg/250px-Munchkinshorthaired.jpg" /img> </td> </tr> <tr> <td> <img src="https://s-media-cache-ak0.pinimg.com/236x/1d/a4/e6/1da4e6a3063280bf1e052778ef31ce26.jpg" /img> </td> <td> <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/c/c4/Savannah_Cat_portrait.jpg/250px-Savannah_Cat_portrait.jpg" /img> </td> <td> <img src="https://s-media-cache-ak0.pinimg.com/564x/c1/3a/49/c13a49d2a89e830c54cf2565fa12889f.jpg" /img> </td> </tr> </table> </body> </html>

    le 17/02/2017 à 15h40

  • mram

    mram Administrateur

    Ligne 9, avant la balise <thead> il faut insérer la balise <tbody> (à ne pas confondre avec <body>). Ne pas oublier ligne 47 d'insérer </tbody> également (avant </table>).

    le 17/02/2017 à 17h10

  • atif.souidi

    atif.souidi

    pareille que pour line.lagarde

    le 09/09/2016 à 15h52

  • elsa.bougrier

    elsa.bougrier

    je n'arrive pas valider l'exercice, à chaque fois il me demande si j'ai bien inséré 3 paires de balises <td> dans ma première balise <tr> ???

    le 12/09/2016 à 21h38

  • mram

    mram Administrateur

    @atif.souidi : mettez des URL moins compliquées / longues et ça devrait passer.

    le 13/09/2016 à 18h08

  • mram

    mram Administrateur

    @elsa.bougrier : ligne 18, il manque une indentation. Je pense que ça vient de là.

    le 13/09/2016 à 18h09

  • patricerameaux

    patricerameaux

    j'ai rentré l'URL d'une image dont vous avez donné les coordonnées mais ça ne fonctionne pas

    le 14/09/2016 à 15h38

  • patricerameaux

    patricerameaux

    le programme me répond que la première URL saisie est incorrecte, or je me suis contenter de reproduire une URL que vous avez proposée à un autre stagiaire : pouvez-vous jeter un oeil ? merci

    le 15/09/2016 à 15h03

  • omar.djellal

    omar.djellal

    Bonjour, je ne comprends pas j'ai un message me disant: "Il vous manque une image dans la première colonne de la première ligne." pouvez vous m'aider svp ?

    le 21/09/2017 à 15h57

  • mram

    mram Administrateur

    Bonjour, c'est les liens de vos images qui sont trop complexes et pas bien formatés. Il faut un lien plus simple qui se termine par le nom de l'image et son extension.

    le 22/09/2017 à 18h29

  • yanndavid59

    yanndavid59

    j'ai un soucis je ne comprends pas pouvez vous m'aider

    le 11/09/2018 à 12h34

  • mram

    mram Administrateur

    Que vous dit le message d'erreur ?

    le 15/09/2018 à 07h33

  • elbasanoguz561995-70

    elbasanoguz561995-70

    je n'arrive pas a soumettre. Quand j'appuie sur le bouton rien ne se passe. L'exercice d'avant ca ma fait la meme chose.

    le 23/07/2018 à 21h55

  • victor.roy0388-87

    victor.roy0388-87

    le message d'erreur me dit "L'url de l'image de la première colonne de la troisième ligne est incorrect" en quoi les url sont elles incorrectes ? Svp

    le 16/05/2018 à 01h39

  • mram

    mram Administrateur

    data:image/jpeg;base64,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

    le 18/05/2018 à 05h52

  • mram

    mram Administrateur

    Bonjour, le format n'est pas correct. Un lien ne s'écrit pas comme ça. Ceux que vous avez mis par la suite sont corrects.

    le 18/05/2018 à 05h53

  • borgesjere-92

    borgesjere-92

    bonjour, mon message d'erreur est "L'url de l'image de la première colonne de la première ligne est incorrect", et je ne voit pas pourquoi?

    le 08/08/2018 à 11h28

  • mram

    mram Administrateur

    Bonjour, la première ligne du tableau se trouve ligne 11 et elle ne contient pas d'image.

    le 13/08/2018 à 04h07

  • max.rider

    max.rider

    J'ai un message d'erreur: "L'url de l'image de la première colonne de la première ligne est incorrect" , mais l'image est bien là.

    le 22/08/2017 à 17h01

  • mram

    mram Administrateur

    Bonjour, il faut mettre un lien plus simple, qui se termine avec le nom du fichier et son extension.

    le 24/08/2017 à 22h01

  • severine.74

    severine.74

    Bonjour, on me dit de vérifier que j'ai bien trois balises <td> dans le premier <tr> mais je ne comprends pas...pouvez-vous m'aider s'il vous plait?

    le 02/02/2018 à 13h42

  • mram

    mram Administrateur

    Bonjour, vous avez oublié de fermer la balise "thead" avant d'ouvrir la balise "tbody".

    le 05/02/2018 à 11h20

  • nzalakandamodeste-93

    nzalakandamodeste-93

    le message me dit : l'url de votre image de la première colonne de la première ligne est incorrect , moi je ne trouve pas d'érreur là-deçu

    le 22/04/2018 à 17h31

  • mram

    mram Administrateur

    Bonjour, vous avez un espace en trop après src=

    le 23/04/2018 à 04h20

  • mike.jeanphilippe-39

    mike.jeanphilippe-39

    bonjour je ne vois pas mon erreur

    le 09/04/2018 à 15h59

  • mram

    mram Administrateur

    Bonjour, que vous dit le message d'erreur ?

    le 11/04/2018 à 05h51

  • laurent.radix

    laurent.radix

    bonjour, je suis bloqué je ne peux valider, un message de type"vérifiez que vous avez bien trois paires de balises <td></td> dans votre premier <tr>.je ne trouve pas mon erreur.

    le 15/12/2017 à 12h24

  • mram

    mram Administrateur

    Bonjour, oui vous aviez mis toutes les images dans une seule balise "td" alors qu'il faut trois balises "td" avec chacune une image à l'intérieur.

    le 23/12/2017 à 12h11

  • sabraomrani-20

    sabraomrani-20

    le message d'erreur me dit "L'url de l'image de la première colonne de la troisième ligne est incorrect" en quoi les url sont elles incorrectes ? Svp

    le 16/03/2018 à 11h20

  • mram

    mram Administrateur

    Bonjour, il faut le vrai lien vers la ressource en question (l'image) avec le nom du fichier à la fin, et non un lien réécrit comme ici : https://lh3.googleusercontent.com/l6JAkhvfxbP61_FWN92j4ulDMXJNH3HT1DR6xrE7MtwW-2AxpZl_WLnBzTpWhCuYkbHihgBQ=s640-h400-e365

    le 19/03/2018 à 04h34

  • chanthasack

    chanthasack

    Bonjour, j'ai le meme pb que Omar, malgré plusieurs en changement d'image jpg, toujours meme message.. plus d'idée..

    le 30/11/2017 à 20h29

  • mram

    mram Administrateur

    Bonjour, il ne faut pas mettre d'image dans la balise "th". Uniquement les balises "td" ( c'est indiqué dans l'énoncé).

    le 01/12/2017 à 01h02

  • jeremy-elbaze

    jeremy-elbaze

    Bonjour, je ne comprends pas j'ai un message me disant: "Il vous manque une image dans la première colonne de la première ligne." pouvez vous m'aider svp ?

    le 17/08/2017 à 05h52

  • mram

    mram Administrateur

    Bonjour, vous avez mal écrit les balises. C'est : <td><img src="..."/></td>

    le 17/08/2017 à 19h48

  • chanthasack

    chanthasack

    Est-ce qu'on peut considerer que l'exercice est réussi vu que c'est un pb de lien de l'image?

    le 30/11/2017 à 21h35

  • mram

    mram Administrateur

    Bonjour, non il n'est pas réussi. La structure même du tableau n'est pas correcte. Vous ouvrez la balise "thead", elle doit contenir une balise "tr" qui elle-même contient une balise "th" uniquement. Ensuite il faut refermer la balise "thead" puis ouvrir la balise "tbody".

    le 01/12/2017 à 01h05

  • mrigaut-29

    mrigaut-29

    bonjour, on me demande si j ai bien ferme td mais oui et pourtant cela ne valide pas.pouvez vous me dire ce qu il en est?merci

    le 26/12/2018 à 13h05

  • meriam

    meriam Administrateur

    Bonjour, vérifiez le 3 ème td du 1 ère tr (il manque la fermeture de la balise img)

    le 26/12/2018 à 13h56

  • bacoblaise-38

    bacoblaise-38

    Pourquoi mon code ne marche pas ?

    le 30/06/2018 à 17h53

  • mram

    mram Administrateur

    Quel est le message d'erreur ?

    le 05/07/2018 à 04h50

  • fabrice.baradel

    fabrice.baradel

    J'ai bien trois paires de balises <td></td> dans mon premier <tr> et pourtant je ne passe pas. Pouvez vous m'aider ?

    le 05/12/2017 à 15h31

  • mram

    mram Administrateur

    Bonjour, la balise "tbody" est ouverte au mauvais endroit. Elle doit être juste après la fermeture de "thead". Et les liens vers les images ne sont pas corrects. Il faut des liens simples avec le noms de l'image et son extension à la fin ( ex : image.jpg )

    le 10/12/2017 à 13h54

  • jeremy-elbaze

    jeremy-elbaze

    Merci beaucoup !

    le 17/08/2017 à 23h24

  • boukarycamara76

    boukarycamara76

    Bonjour j’ai une erreur :l’image de la premiere colonne de la premiere ligne est incorrect alors que j’ai utilisé le lien que vous proposez

    le 06/12/2017 à 10h12

  • mram

    mram Administrateur

    Bonjour, à mon avis c'est parce que vous utiliser un lien en https, il faudrait un lien en http seulement.

    le 10/12/2017 à 14h07

  • ou.broly-83

    ou.broly-83

    Le message me dit :"Vérifiez que vous avez bien un couple de balises <th></th> dans votre balise <thead>"

    le 20/07/2018 à 13h36

  • mram

    mram Administrateur

    Bonjour, ligne 8 "border" est inutile.

    Et dans la balise "thead" il ne doit y avoir qu'une seule ligne "tr" qui contient les cellules "th".

    le 01/08/2018 à 04h55