Exercice 12/15

  • Transformez votre <div> jaune en un lien vers le site web de votre choix !

  • Si vous avez besoin de vous rafraîchir la mémoire, consultez l'astuce.

Leçon 12/15

Vous l'avez compris, les <div> c'est un peu comme les Lego : en les assemblant, on peut créer des structures visuellement percutantes !

Rien ne vous interdit d'assigner un lien à une <div> : il suffit bien entendu de l'encadrer avec les balises <a> et </a>.

_

Rappelez-vous que l'élément à rendre cliquable doit être imbriqué dans les balises <a> et </a> de cette façon :

 <a href="URL du site"><div></div></a>

_

Commentaires les mieux notés

77 Commentaires

  • judithblot-93

    judithblot-93

    Bonjour, "Dans votre <body> vous devez avoir uniquement 3 balises <div>"

    le 28/09/2022 à 08h46

  • Patricio M

    Patricio M Admin

    ajoute encore un <div>

    le 28/09/2022 à 09h14

  • judithblot-93

    judithblot-93

    Bonjour, on me dit que dans body je dois juste avoir 3 balises div... et a, alors?

    le 17/09/2022 à 14h35

  • Patricio M

    Patricio M Admin

    Oui, <div> x 3 et <a> x 1 avec 1 <div> à l'intérieur

    le 19/09/2022 à 09h05

  • karimakookoo95-90

    karimakookoo95-90

    bonjour j'ai bien placé le lien mes j'ai se message(dans votre<body>vous devrez avoir uniquement 3balises <div>

    le 08/06/2022 à 13h58

  • meriam

    meriam Admin

    Bonjour, il faut transformer votre <div> jaune en un lien c'est à dire que le div doit être imbriqué à l'intérieur d'un lien.

    le 08/06/2022 à 14h00

  • meriam

    meriam Admin

    N'hésitez pas à demander de l'aide si vous trouvez des problèmes dans les exercices suivants.Bon travail.

    le 08/06/2022 à 14h41

  • kodjovi.segnegbe.etu-93

    kodjovi.segnegbe.etu-93

    je fais tout mais erreur

    le 22/12/2021 à 13h29

  • meriam

    meriam Admin

    Le lien doit contenir un élément div.

    le 22/12/2021 à 14h15

  • frederique12simon-6

    frederique12simon-6

    bjr message d erreur avez vous bien fermez les balises <div></div> ??? merci

    le 21/11/2021 à 10h50

  • meriam

    meriam Admin

    Bonjour, au niveau des 3 premiers div : il faut supprimer la balise fermante </div>

    le 21/11/2021 à 22h49

  • meriam

    meriam Admin

    la 4 ème div doit être imbriqué à l'intérieur d'un lien.

    le 21/11/2021 à 22h49

  • clemencon.theo17-15

    clemencon.theo17-15

    1

    le 29/09/2021 à 07h32

  • meriam

    meriam Admin

    Bonjour, quel est votre problème? .N'hésitez pas à poser des questions si vous trouvez des problèmes dans les exercices qui suivent. Bon travail.

    le 29/09/2021 à 14h53

  • magvan.temuulen-71

    magvan.temuulen-71

    Bonjour, voici le résultat<a href="https://3wa.fr/"> <div style="width:50px; height:50px; background-color:yellow"></div> </a>

    le 28/07/2021 à 02h58

  • meriam

    meriam Admin

    N'hésitez pas à poser des questions si vous trouvez des problèmes dans les exercices qui suivent. Bon travail.

    le 29/07/2021 à 09h21

  • fred.glemeau94-21

    fred.glemeau94-21

    bonsoir , dites-moi ou est l'erreur dans mon code svp ?

    le 25/02/2021 à 21h03

  • meriam

    meriam Admin

    Bonjour, vous avez une div manquante. Le code initial doit contenir 4 div.

    le 02/03/2021 à 12h31

  • emiliequennesson16-90

    emiliequennesson16-90

    je regrette mais je ne comprend toujours pas où est l'erreur. j'ai bien compris à quoi servait Div mais pour mettre le lien je ne vois pas...j'ai essayé tellement de façon que je ne sais plus où j'en suis

    le 27/01/2021 à 16h28

  • meriam

    meriam Admin

    Bonjour, vous devez placer la div à l'intérieur du lien.

    le 28/01/2021 à 14h34

  • emiliequennesson16-90

    emiliequennesson16-90

    il y a quelqu'un qui peut m'aider?? je ne voit pas mon erreur sur cet exercice...j'ai essayé plusieurs façon j'ai toujours un message d'erreur "avez vous bien placé </a> dans le body;...j'ai presque plus de cheveux!

    le 26/01/2021 à 18h20

  • meriam

    meriam Admin

    Bonjour, l'élément div doit être imbriquée à l'intérieur de a (vous avez fait l'inverse)

    le 27/01/2021 à 09h24

  • maellecoriou-5

    maellecoriou-5

    Bonjour, bloquée, message d'erreur indiquant qu'il ne doit y avoir que 3 balises <div> dans <body>. J'ai supprimé la 4ème, il n'en reste que 3, mon lien est ok dans <div> yellow. Toujours le même message d'erreur sur le nombre de div. Je ne comprends pas. Merci pour votre aide !

    le 03/09/2020 à 05h41

  • meriam

    meriam Admin

    il suffit de placer la div cliquable aprés 3 premiers div.

    le 03/09/2020 à 11h54

  • brunelguirand-72

    brunelguirand-72

    <a href="site de votre"><div></div>

    le 21/10/2019 à 08h56

  • pierrotcora-96

    pierrotcora-96

    es-ce qu'il y a une erreur ?

    le 17/05/2018 à 12h27

  • mram

    mram Admin

    Bonjour, relisez l'énoncé, il faut mettre le lien sur le div qui est jaune.

    le 23/05/2018 à 02h44

  • parigi38-3

    parigi38-3

    Bonjour, pourquoi le code fonctionne sur Brackets, mais n'est pas validé ici ?

    le 17/04/2018 à 16h25

  • mram

    mram Admin

    Bonjour, et si vous collez la balise </a> au </div> ?

    le 18/04/2018 à 01h15

  • ludovic.perforama-81

    ludovic.perforama-81

    c'est bon j'ai trouvé!

    le 19/02/2018 à 18h10

  • mram

    mram Admin

    Il vous manque toujours la balise "a" qui n'est pas fermée.

    le 19/02/2018 à 21h40

Pour publier un commentaire, vous devez vous connecter.
index.html
<!DOCTYPE html> <html> <head> <title>Résultat</title> </head> <body> <div style="width:50px; height:50px; background-color:red"></div> <div style="width:50px; height:50px; background-color:blue"></div> <div style="width:50px; height:50px; background-color:green"></div> <div style="width:50px; height:50px; background-color:yellow"></div> </body> </html>
http://localhost:8080