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

  • 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

  • agniel.marie-96

    agniel.marie-96

    la balise <a> devrait être à l’intérieur des balises <p></p> plutôt que l'inverse non ?

    le 14/06/2020 à 17h54

  • meriam

    meriam Admin

    Ne touchez pas le code initial, ajoutez les deux liens aprés ce code.

    le 15/06/2020 à 02h13

  • SKAnim

    SKAnim

    pour la deuxieme img il faut <img/>

    le 28/05/2020 à 22h09

  • meriam

    meriam Admin

    Exactement, il faut insérer une nouvelle image à l'aide de la balise img.

    le 28/05/2020 à 23h00

  • bchirazi-12

    bchirazi-12

    Bonjour, j'ai une erreur , vous n'avez pas de texte cliquable

    le 12/05/2020 à 12h23

  • meriam

    meriam Admin

    Bonjour, il faut créer deux liens, un lien pour l'image et un autre pour le texte.

    le 12/05/2020 à 12h30

  • delvigne1-25

    delvigne1-25

    le correcteur m'indique que l'attribut href n'est pas dans la balise <a> alors qu'il se trouve bien dedans et la balise est correctement ferméepouvez vous m'aider

    le 04/05/2020 à 20h54

  • meriam

    meriam Admin

    Bonjour, il faut ajouter une image cliquable et une autre non cliquable, puis ajoutez un 2 ème lien contenant du simple texte.

    le 05/05/2020 à 14h24

  • josemercado-59

    josemercado-59

    mes images ne s'affichent pas

    le 23/04/2020 à 09h41

  • meriam

    meriam Admin

    Bonjour, pour les liens, il faut supprimer le caractère slach de la balise ouvrante a. Pour le 2ème lien pas besoin d'ajouter la balise p, insérez directement votre texte entre la balise ouvrante a et la balise fermante.

    le 23/04/2020 à 12h31

  • gabriel.devarine-62

    gabriel.devarine-62

    mais je ne comprends pas pourquoi je n'ai pas d'image

    le 21/04/2020 à 12h36

  • meriam

    meriam Admin

    Bonjour, laissez un espace entre la balise img et l'attribut src.

    le 22/04/2020 à 16h25

  • sylviepeyran-21

    sylviepeyran-21

    vérifier bien quand il faut utiliser les balises <a> </a>

    le 09/04/2020 à 16h14

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