Exercice 13/14

  • Entre les balises <body> et </body>, ajoutez deux images avec <img>. L'une d'elles doit être cliquable, l'autre non. Le lien peut mener vers une cible de votre choix.

  • Après avoir ajouté vos deux images, écrivez une ligne de texte et rendez-la cliquable à son tour. Ce lien peut envoyer vers une page web de votre choix.

Lisez l'astuce en cas de besoin.

Leçon 13/14

Vous venez d'apprendre l'essentiel de la construction de pages web : insérer des images et des liens.

Révisons un peu ces fondamentaux avant de passer à la suite.

Les images fonctionnent de la manière suivante :

 <img src="URL de l'image" />

Les liens fonctionnent de la manière suivante :

 <a href="URL du site web sur lequel va mener le lien" > </a>

Vous pouvez aussi créer un lien à partir d'une image :

 <a href="URL du site web sur lequel va mener le lien"> <img src = "URL de l'image" /></a>

Commentaires les mieux notés

  • belhanac-41

    belhanac-41

    Pardon je n'avais pas vu que vous m'aviez répondu, merci bien.

    le 18/03/2019 à 16h33

  • dautun.charlene-86

    dautun.charlene-86

    Bon en fait, il faut laisser l'image déjà inscrite dans le code, mais clairement l'énoncé n'est pas clair pour cet exo...

    le 01/07/2020 à 23h04

  • mathleo310-87

    mathleo310-87

    sa marche pas

    le 05/10/2018 à 08h49

  • laurent.marmillot-26

    laurent.marmillot-26

    je viens de voir, merci, ça me rassure

    le 17/10/2018 à 18h36

  • nadaljeanyves-70

    nadaljeanyves-70

    Mon code fonctionné mais je ne pouvais pas passer à la suite car j'avais erreur: pas de texte dans le body. J'ai finalement enlever les balises p est Feu vert pour passer à la suite.

    le 16/04/2019 à 09h43

20 Commentaires

  • eliesse08-87

    eliesse08-87

    bonjour j i reussi l exercice pourtant on me dit que c est faut j ai une image non cliquable j ai une autre cliquable sur un site de mon choix et j ai aussi une phrase cliquable sur le meme site de mon choix

    le 21/10/2020 à 16h20

  • meriam

    meriam Admin

    Bonjour, avez vous placé deux liens un pour l'image et l'autre pour le contenu textuel.

    le 21/10/2020 à 16h22

  • ninotorres93260-20

    ninotorres93260-20

    Bonjour je ne comprends pas pourquoi mon code ne fonctionne pas, pourriez vous m'aider svp?

    le 16/10/2020 à 21h24

  • meriam

    meriam Admin

    Bonjour, il faut ajouter un 2 ème lien qui contient du texte.

    le 19/10/2020 à 13h33

  • rosirisf77-81

    rosirisf77-81

    merci

    le 01/10/2020 à 11h44

  • rosiris77-97

    rosiris77-97

    pouvez vous m'aider svp! maintenant il me dit je n'ai pas de texte cliquable.

    le 30/09/2020 à 22h08

  • meriam

    meriam Admin

    Bonjour, vérifiez url source de l'élément a.

    le 02/10/2020 à 17h38

  • rosirisf77-81

    rosirisf77-81

    bonjour, je suis toujours bloque il m'indique que je n'ai pas d'mage cliquable.

    le 29/09/2020 à 19h38

  • meriam

    meriam Admin

    Bonjour, il faut commencer par l'ajout d'une image non cliquable (la balise img est une balise auto-fermante <img src="https://www.notretemps.com/cache/com_zoo_images/c9/nom-chiot_d7378d62ea795a70b121a517c938b895.jpg"/>) puis ajoutez une image cliquable (imbriquée dans un élément a) et à la fin, ajoutez un lien contenant du simple texte (exemple : <a href="https://apprendre-html.3wa.fr/">3wacademy</a>)

    le 30/09/2020 à 11h00

  • rosirisf77-81

    rosirisf77-81

    bonjour je suis toujours bloque, il m'indique que je n'ai pas de texte cliquable

    le 28/09/2020 à 11h50

  • meriam

    meriam Admin

    le 28/09/2020 à 13h01

  • jheddad-54

    jheddad-54

    Bonjour je ne comprends pas pourquoi mon code ne fonctionne pas, pourriez vous m'aider svp?

    le 11/09/2020 à 12h50

  • meriam

    meriam Admin

    Bonjour, votre dernier code est correct.

    le 11/09/2020 à 13h04

  • jheddad-54

    jheddad-54

    Bonjour je ne comprends pas pourquoi mon code ne fonctionne pas, pourriez vous m'aider svp?

    le 10/09/2020 à 15h45

  • meriam

    meriam Admin

    Bonjour, il faut ajouter une source d'image valide.

    le 10/09/2020 à 18h34

  • florie-28

    florie-28

    bonjour, où doit t'on mettre le texte cliquable? dans l'élément a? merci

    le 09/09/2020 à 16h08

  • meriam

    meriam Admin

    Bonjour, oui vous devez ajouter un lien contenant du texte.

    le 09/09/2020 à 16h21

  • steevoyini-6

    steevoyini-6

    Quelqu'un pourrait m’éclaircir sur cet exercice svp, mon code à l'air correct mais j'ai toujours une erreur et je n'ai plus le code de départ affiché

    le 09/09/2020 à 07h21

  • meriam

    meriam Admin

    Bonjour, votre code est correct.

    le 09/09/2020 à 14h39

  • maellecoriou-5

    maellecoriou-5

    Merci pour votre aide !

    le 02/09/2020 à 11h22

  • maellecoriou-5

    maellecoriou-5

    Bonjour, on me dit que je n'ai d'image cliquable. Or, j'ai bien une image clivable dans l'aperçu, elle renvoie bien sur autre site.

    le 02/09/2020 à 11h21

  • meriam

    meriam Admin

    Bonjour, il faut supprimez tous ce qui est inutile, ajouter uniquement deux images une cliquable et l'autre non , et enfin un lien contenant du simple texte.

    le 03/09/2020 à 14h05

  • Jonathanselo-51

    Jonathanselo-51

    il faut bien utilisé les balises <a>

    le 25/08/2020 à 20h20

  • meriam

    meriam Admin

    votre dernier code est correct.

    le 26/08/2020 à 14h00

  • Jonathanselo-51

    Jonathanselo-51

    Svp aidez moi je ne sais pas comment on met un texte cliquablet on met

    le 25/08/2020 à 19h18

  • meriam

    meriam Admin

    Bonjour, vous devez ajouter deux images : une cliquable (c'est à dire imbriquée dans un lien) et la 2ème image est non cliquable. Aprés, vous devez ajouter un autre lien qui contient du texte.

    le 25/08/2020 à 19h48

  • Soidrou_abd

    Soidrou_abd

    bonjour, je suis bloquer a l'exercice, et quand j'essaye de validé ce message s'affiche; Vous ne devez avoir qu'une seule ligne de texte cliquable. j'aimerais de l'aide merci bien

    le 03/08/2020 à 18h42

  • meriam

    meriam Admin

    Bonjour, vous devez avoir une image cliquable et une une image non cliquable.

    le 04/08/2020 à 10h55

  • jjsoleau-17

    jjsoleau-17

    Je ne vois pas mon erreur

    le 23/07/2020 à 10h37

  • meriam

    meriam Admin

    Bonjour, corrigez l'attribut src de l'image (c'est src et non pas scr)

    le 23/07/2020 à 10h39

  • dautun.charlene-86

    dautun.charlene-86

    Bon en fait, il faut laisser l'image déjà inscrite dans le code, mais clairement l'énoncé n'est pas clair pour cet exo...

    le 01/07/2020 à 23h04

  • teddydu83083-61

    teddydu83083-61

    Avez-vous bien placé la balise <img> à l'intérieur de la balise <body> ?

    le 01/07/2020 à 06h40

  • meriam

    meriam Admin

    Bonjour, une seule image doit être cliquable et il faut ajouter la source de l'image.

    le 01/07/2020 à 12h20

  • carline78-20

    carline78-20

    est ce normal que mes images ne s'affiche pas

    le 24/06/2020 à 17h40

  • meriam

    meriam Admin

    Bonsoir, si les sources sont correctes elles doivent s'afficher.

    le 25/06/2020 à 00h10

index.html
<!DOCTYPE html> <html> <head> <title></title> </head> <body> </body> </html>