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

  • pierrotcora-96

    es-ce qu'il y a une erreur ?

  • antakvoria

    +1

  • Titux

    Il me dit : Vérifiez votre ligne 10, pour respecter les bonnes pratiques écrivez plutôt : <a href="HTTP://3WA.FR"> C'est nouveau d'écrire les url en majuscules, il y a une douzaine d'années, je me rappel que certains logiciels, dont je tairais le nom, généraient du code en majuscule et c'était HORRIBLE ! N'empêche que je suis bloqué, même si je le met en majuscule => un petit problème de regex dans votre code ?!

  • denouillekevi

    Mon code marche mais pas moyen de validé. J'ai beaucoup exercice dans le même genre.

16 Commentaires

  • pierrotcora-96

    pierrotcora-96

    es-ce qu'il y a une erreur ?

    le 17/05/2018 à 16h27

  • mram

    mram Administrateur

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

    le 23/05/2018 à 06h44

  • antakvoria

    antakvoria

    +1

    le 31/01/2016 à 23h22

  • Titux

    Titux

    Il me dit : Vérifiez votre ligne 10, pour respecter les bonnes pratiques écrivez plutôt : <a href="HTTP://3WA.FR"> C'est nouveau d'écrire les url en majuscules, il y a une douzaine d'années, je me rappel que certains logiciels, dont je tairais le nom, généraient du code en majuscule et c'était HORRIBLE ! N'empêche que je suis bloqué, même si je le met en majuscule => un petit problème de regex dans votre code ?!

    le 04/01/2016 à 20h31

  • denouillekevi

    denouillekevi

    Mon code marche mais pas moyen de validé. J'ai beaucoup exercice dans le même genre.

    le 19/01/2016 à 23h35

  • phaelier

    phaelier

    Bonjour Je ne comprends pas la correction: "Vous devez mettre une url dans l'attribut "href" de votre <a>" Je vous remercie

    le 05/07/2016 à 21h58

  • alexandrazwic

    alexandrazwic

    Ca ne fonctionne pas ! Merci

    le 26/12/2015 à 20h58

  • mram

    mram Administrateur

    Je pense que l'adresse est mal formatée. Essayez avec une adresse plus simple.

    le 06/07/2016 à 18h56

  • p.marg

    p.marg

    Pouvez-vous m’indiquer ou est l'erreur dans le code de la ligne 10 ? merci

    le 22/12/2015 à 20h22

  • parigi38-3

    parigi38-3

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

    le 17/04/2018 à 20h25

  • mram

    mram Administrateur

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

    le 18/04/2018 à 05h15

  • ludovic.perforama-81

    ludovic.perforama-81

    Je pense avoir juste mais ça me met Vous devez placer votre <div> (la quatrième) dans une balise <a>. Je voudrais donc de l'aide svp

    le 19/02/2018 à 20h09

  • mram

    mram Administrateur

    Bonjour, vous n'avez pas fermé la balise "a" après le "div".

    le 19/02/2018 à 23h39

  • ludovic.perforama-81

    ludovic.perforama-81

    c'est bon j'ai trouvé!

    le 19/02/2018 à 20h10

  • mram

    mram Administrateur

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

    le 19/02/2018 à 23h40

  • ari

    ari

    Bonjour, on m'indique une erreur ligne 1O par rapport aux balises <div></div> or je ne vois pas l'erreur?

    le 25/09/2017 à 17h06

  • mram

    mram Administrateur

    Bonjour, vous aviez mal fermé les guillemets, c'est la raison de votre erreur.

    le 29/09/2017 à 01h02

  • jeanrigaber

    jeanrigaber

    je ne pense pas me tromper... même problème que phaelier

    le 29/08/2017 à 10h17

  • mram

    mram Administrateur

    Bonjour, alors j'ai fait des test et c'est la valeur mise dans "href" qui doit être formaté d'une certaine façon : ici à priori il ne faut pas mettre http:// dans l'URL .

    le 30/08/2017 à 14h27

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>