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

120 Commentaires

  • richertjason61-23

    richertjason61-23

    bonjour je rencontre ce genre de problème:Avez-vous bien placé les balises <img>, </img> dans la balise <td> ?

    le 31/01/2023 à 06h48

  • Patricio M

    Patricio M Admin

    Tu as une croix rouge sur la marge, lis l'info et tu pourras avancer

    le 01/02/2023 à 15h44

  • judithblot-93

    judithblot-93

    Bonjour, "Avez-vous bien fermé la balise <td> avec </td> ?"Merci

    le 25/09/2022 à 12h19

  • Patricio M

    Patricio M Admin

    Non, tu n'as pas bien fermé la balise... fait attention!

    le 26/09/2022 à 08h53

  • paul.goullencourt-67

    paul.goullencourt-67

    Bonjour, j'ai beua fermer la balise image avec </td> ce message d'erreur apparait "Avez-vous bien fermé la balise <td> avec </td> ?"

    le 20/09/2022 à 15h02

  • Patricio M

    Patricio M Admin

    TOn dernier code fonctionne très bien

    le 21/09/2022 à 07h25

  • formationevelyne-33

    formationevelyne-33

    Pourquoi fermer <img> ce n'est pas une balise autofermante ?

    le 20/02/2022 à 16h55

  • meriam

    meriam Admin

    Bonjour, une balise autofermante c'est à dire que labalise joue le rôle d'une balise ouvrante et fermante à la fois.

    le 21/02/2022 à 15h33

  • frederique12simon-6

    frederique12simon-6

    bj mon code erreur trop loin a s excuter auriez vous une boucle infinie "

    le 16/11/2021 à 14h51

  • meriam

    meriam Admin

    Bonjour, la balise tr contient uniquement une seule ligne tr.

    le 16/11/2021 à 23h43

  • frederique12simon-6

    frederique12simon-6

    bj mon code erreur trop loin a s excuter auriez vous une boucle infinie "

    le 16/11/2021 à 14h51

  • meriam

    meriam Admin

    Bonjour, vous devez fermer la ballise <thead> aprés la 1 ere ligne tr.

    le 16/11/2021 à 23h42

  • frederique12simon-6

    frederique12simon-6

    bjr on me dit que j ai une boucle infinie ???

    le 11/11/2021 à 16h43

  • meriam

    meriam Admin

    Bonjour, la balise fermante </thead> n'est dans le bon emplacement.

    le 15/11/2021 à 10h32

  • meriam

    meriam Admin

    Elle doit être fermé aprés aprés cette ligne : <thead> <tr> <th>En-tete</th> </tr>

    le 15/11/2021 à 10h33

  • v.boidron-67

    v.boidron-67

    Quelle est la différence entre http et https ??

    le 23/04/2021 à 14h49

  • meriam

    meriam Admin

    HTTPS n’est pas l’opposé de HTTP mais plutôt son petit cousin. Tous deux sont des protocoles de transfert hypertexte qui permettent à des données web d’être affichées sur votre écran lorsque vous envoyez une requête. Cependant, HTTPS est légèrement différent, plus avancé et bien plus sécurisé.

    le 27/04/2021 à 12h21

  • ludoxm-34

    ludoxm-34

    bonjour , pourriez vous m'aidez ??Avez-vous bien fermé la balise <td> avec </td> ? Et les images ne s'affichent pas

    le 14/01/2021 à 08h14

  • meriam

    meriam Admin

    Bonjour, il faut fermer la balise img.

    le 14/01/2021 à 22h25

  • jmootien786-32

    jmootien786-32

    bonjour, mon tableau est remplie mais le résultat n'est pas bon les balises sont bien fermé

    le 03/12/2020 à 16h02

  • meriam

    meriam Admin

    Bonjour, essayez de changer la source de l'image, choisir une source moins courte (le code n'est pas clair)

    le 03/12/2020 à 16h12

  • rosirisf77-81

    rosirisf77-81

    bonsoir mes photos ne s'affiche pas

    le 07/10/2020 à 16h34

  • meriam

    meriam Admin

    Bonjour, entre les balises td ajoutez des images uniquement (sans ajouter des chiffres)

    le 08/10/2020 à 06h21

  • 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 à 11h05

  • meriam

    meriam Admin

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

    le 26/12/2018 à 11h56

  • yanndavid59

    yanndavid59

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

    le 11/09/2018 à 08h34

  • mram

    mram Admin

    Que vous dit le message d'erreur ?

    le 15/09/2018 à 03h33

  • 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 à 07h28

  • mram

    mram Admin

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

    le 13/08/2018 à 00h07

  • 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 à 05h30

  • mram

    mram Admin

    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 à 01h26

Pour publier un commentaire, vous devez vous connecter.
stylesheet.css
index.html
img { width:100px; height:100px; } table, td { border: 2px #70a6ff dashed; }
<!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>En-tete</th> </tr> </thead> <tr> <td>1</td> <td>2</td> <td>3</td> </tr> <tr> <td>4</td> <td>5</td> <td>6</td> </tr> <tr> <td>7</td> <td>8</td> <td>9</td> </tr> </table> </body> </html>
http://localhost:8080