Exercice 25/26

Attention, la structure HTML proposée est minimale, n'oubliez pas d'ajouter les balises nécessaires.

  • Ajoutez une balise ‹img /› à votre document HTML. Vous pouvez choisir n'importe quelle source src. N'hésitez pas à regarder l'astuce si vous êtes bloqué ou si vous avez besoin d'une image.
  • Dans le fichier stylesheet.css, attribuez à l'image une hauteur (height) de 100px et une largeur (width) de 300px;
  • Dans le fichier stylesheet.css, ajoutez à votre image une bordure (border) de 1px solid #000000;
  • Cliquez sur soumettre ma réponse pour vérifier vos résultats;

Leçon 25/26

Pour ce rappel, vous allez revoir les propriétés pour donner des dimensions et une bordure à une balise HTML.

Rappelez-vous que votre balise ‹img /› doit comporter une propriété src :

‹img src="URL du site web" /›

Commentaires les mieux notés

103 Commentaires

  • judithblot-93

    judithblot-93

    Bonsoir, c'est le dernier cours que je dois valider pour le CSS et je ne comprends pas d'où vient l'erreur, on me dit encore que je dois avoir une image dans mon body. Merci de m'aider.

    le 28/09/2022 à 18h19

  • Patricio M

    Patricio M Admin

    </a> est mal placé

    le 29/09/2022 à 08h18

  • judithblot-93

    judithblot-93

    Bonjour, je ne comprends pas où est mon erreur, le lien fonctionne dans le localhost et l'image a les bonnes propriétés, merci de votre aide!

    le 26/09/2022 à 14h45

  • Patricio M

    Patricio M Admin

    space entre solid et la couleur héxadécimal

    le 27/09/2022 à 12h46

  • judithblot-93

    judithblot-93

    Bonsoir, tout semble fonctionner mais j'ai le message "Vous devez avoir une balise img dans votre body"... Merci d'avance

    le 23/09/2022 à 16h39

  • Patricio M

    Patricio M Admin

    tu n'as pas de <img> car le a href est mal fermé. Indente bien ton code CSS

    le 26/09/2022 à 08h57

  • judithblot-93

    judithblot-93

    Bonjour, existe-t-il une conversion couleur Pantone/code hexadécimal?

    le 21/09/2022 à 14h04

  • Patricio M

    Patricio M Admin

    Tu peux télécahrger Colorzilla (extension de Chrome) pour transformer n'importe quelle couleur en hexadécimal

    le 22/09/2022 à 08h44

  • Patricio M

    Patricio M Admin

    Fait attention à l'indentation de ton code...

    le 22/09/2022 à 08h44

  • judithblot-93

    judithblot-93

    Bonjour, j'ai le message "vous devez avoir une balise img dans votre body", voici mon code :<!DOCTYPE html> <html> <head> <title>Rappel 4 sur 5</title> <link type="text/css" rel="stylesheet" href="stylesheet.css" /> </head> Une image cliquable </head> <body> <a href= "https://pixnio.com/free-images/2017/05/31/2017-05-31-22-57-10-900x628.jpg"> <img src="https://pixnio.com/free-images/2017/05/31/2017-05-31-22-57-10-900x628.jpg"/ </img> </ahref> </body> </html>

    le 21/09/2022 à 13h57

  • Patricio M

    Patricio M Admin

    la balise </ahref> n'existe pas la balise </img> non plus... attention

    le 22/09/2022 à 08h46

  • judithblot-93

    judithblot-93

    On me dit que je dois mettre une balise <img> dans mon <body>...

    le 20/09/2022 à 12h42

  • Patricio M

    Patricio M Admin

    le css ne correspond pas à la demande de l'ennoncé

    le 20/09/2022 à 14h33

  • judithblot-93

    judithblot-93

    Bonjour, peut-on conserver les proportions comme dans Photoshop ?

    le 19/09/2022 à 08h32

  • Patricio M

    Patricio M Admin

    Judith, oui, tu dois utiliser la proprieté ASPECT RATIO. CSS ne te donnera pas la valeur automatique de HEIGHT si tu écris une valeur de WIDTH

    le 19/09/2022 à 08h47

  • julien.blacteau-1

    julien.blacteau-1

    Bonjour, j'ai ce message d'erreur mais je ne vois pas l'erreur : Votre balise img doit contenir un attribut src.

    le 23/05/2022 à 09h47

  • meriam

    meriam Admin

    le 23/05/2022 à 11h15

  • julia.arrighi-69

    julia.arrighi-69

    bonjour, le truc beug donc validez le moi svp

    le 09/02/2022 à 08h28

  • meriam

    meriam Admin

    Bonjour, l'accolade ouvrante doit être aprés le sélecteur ==> sélecteur { prop:valeur; }

    le 09/02/2022 à 10h35

  • titedame-17

    titedame-17

    bonjour merci, savez vous si cela résolu dans la journée? merci d'avance et bonne journée

    le 29/11/2021 à 10h06

  • meriam

    meriam Admin

    Bonjour, le problme est résolu. Merci pour votre compréhension.

    le 29/11/2021 à 13h05

  • titedame-17

    titedame-17

    bonjour merci, savez vous si cela résolu dans la journée? merci d'avance et bonne journée

    le 29/11/2021 à 10h05

  • meriam

    meriam Admin

    Bonjour, le problème est résolu.

    le 29/11/2021 à 13h05

  • titedame-17

    titedame-17

    bonjour merci, savez vous si cela résolu dans la journée? merci d'avance et bonne journée

    le 29/11/2021 à 10h05

  • meriam

    meriam Admin

    Bonjour, le problme est résolu. Merci pour votre compréhension.

    le 29/11/2021 à 13h07

  • titedame-17

    titedame-17

    bonjour, memeprobleme que pour l'exercice precedent souci avec la balise <!DOCTYPE html> et je ne comprend pas pourquoi. ce nest pas moi qui l'ai retranscrit elle etait deja integree a l'exercice. merci davance de me dire cmment faire je ne peux plus avancer dans mes exercices

    le 27/11/2021 à 10h56

  • meriam

    meriam Admin

    Bonjour, c'est un bug qui va être résolu . Merci pour votre compréhension.

    le 28/11/2021 à 23h34

  • Hamzaa

    Hamzaa

    bonsoir, je ne comprend pas mon erreur svp aider moi

    le 28/03/2021 à 14h43

  • meriam

    meriam Admin

    Bonjour, votre dernier code est correct.

    le 28/03/2021 à 20h39

  • Afia143-7

    Afia143-7

    Il vous manque la règle css pour la balise img, voila mon img &#123; height: 100px; width: 300px;} img &#123; border:; 1px; solid #000000;} merci d'avance

    le 14/02/2021 à 21h18

  • meriam

    meriam Admin

    Bonjour, il faut un seul sélecteur img.

    le 15/02/2021 à 12h56

stylesheet.css
index.html
<!DOCTYPE html> <html> <head> <title>Rappel 4 sur 5</title> <link type="text/css" rel="stylesheet" href="stylesheet.css" /> </head> <body> </body> </html>