Exercice 5/6

  • Insérez une balise <img> dans le <body> avant ou après les autres balises mais le mieux serait de la mettre entre </h1> et le premier <p>.
  • insérez l'URL de votre image dans la valeur de l'attribut src.

Leçon 5/6

Ajoutons maintenant des illustrations pour donner de l'attrait à votre page web.

Allez à la pêche aux images sur internet : pour récupérer l'image qui vous plaît, cliquez-droit dessus et sélectionnez "Copier l'adresse de l'image" puis collez cette adresse dans la balise <img>.

_

La balise img est auto-fermante, concrètement cela donne :

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

N'oubliez pas les guillemets autour de l'adresse URL.

_

Commentaires les mieux notés

  • malvina.abbas-33

    Bonjour. dans l'exercice il est demandé de mettre la photo entre <h1> et le 1er <p>. quans je soumets, ça me dit que le 2ème élement du body doit être un <p>. j'ai modifié et ce n'est toujours pas bon. du coup je suis revenu à mon 1er code. pouvez-vous m'aider svp?

  • malvina.abbas-33

    Bonjour, je viens de résoudre mon problème. J'insérais un lien image au lieu d'une image seule....

  • djoj88

    Bonjour, rien ne s'affiche pour moi dans la partie résultat. Est-ce que vous sauriez à quoi cela est du? d'autre part les textes que j'ai saisi ne sont pas sauvegardés lorsque je passe à l'exercice suivant.

  • mram Administrateur

    C'est normal pour le texte non sauvegardé car les exercices sont indépendants même si ils suivent une suite logique. Un simple copier-coller de votre code fera l'affaire si vous souhaitez continuer avec votre propre code. Et si rien ne s'affiche c'est parce que votre code img est incomplet.

20 Commentaires

  • djoj88

    djoj88

    Bonjour, rien ne s'affiche pour moi dans la partie résultat. Est-ce que vous sauriez à quoi cela est du? d'autre part les textes que j'ai saisi ne sont pas sauvegardés lorsque je passe à l'exercice suivant.

    le 14/10/2016 à 14h54

  • mram

    mram Administrateur

    C'est normal pour le texte non sauvegardé car les exercices sont indépendants même si ils suivent une suite logique. Un simple copier-coller de votre code fera l'affaire si vous souhaitez continuer avec votre propre code. Et si rien ne s'affiche c'est parce que votre code img est incomplet.

    le 18/10/2016 à 09h37

  • clairedagan

    clairedagan

    Bonjour, j'ai inséré deux images et j'ai quand même ce message d'erreur qui s'affiche lors de la validation de l'exercice : Comment ça se fait?

    le 20/04/2016 à 12h50

  • patrice.francois2

    patrice.francois2

    J'ai le bon rendu dans la fenetre résultats; j'ai essayé avec notepad++ cela fonctionne tel que je l'ai programmé. Pourquoi quand je fais "soumettre ma réponse" il me met un message d'erreur en rouge et ne valide pas mon exercice?

    le 24/12/2015 à 15h14

  • mram

    mram Administrateur

    Bonjour, quel est votre message d'erreur ? Avez-vous essayé de ne mettre qu'une seule image comme indiqué dans l'énoncé ?

    le 21/04/2016 à 15h55

  • patrice.francois2

    patrice.francois2

    Résolu: ne pas oublier de mettre un <p> pour encadrer l'image...

    le 24/12/2015 à 15h44

  • carole.cousin4-42

    carole.cousin4-42

    bonjour suis bloquee

    le 26/02/2018 à 18h27

  • mram

    mram Administrateur

    Bonjour, vous avez oublié de fermer la balise h1, il manque un chevron >

    le 01/03/2018 à 23h00

  • sabrina_haoues

    sabrina_haoues

    Bonjour, est ce normal de devoir retaper ce qu'on a entré de l'exercice précédent ?

    le 12/12/2017 à 19h03

  • mram

    mram Administrateur

    Bonjour, oui car si dans l'exercice suivant on met le code de l'exercice d'avant alors c'est facile d'aller voir pour copier. Du coup le plus simple pour conserver votre code c'est de le copier / coller d'un exercice à l'autre.

    le 14/12/2017 à 21h40

  • yaneeck

    yaneeck

    je beug là...

    le 06/09/2017 à 15h15

  • yaneeck

    yaneeck

    Ha non c'est bon! J'avais oublié les guillemets

    le 06/09/2017 à 15h16

  • mram

    mram Administrateur

    Bonjour, et oui les guillemets si on les ouvre il faut à un moment les fermer .

    le 12/09/2017 à 15h25

  • djamchid

    djamchid Administrateur

    Quand je tape un retour à la ligne, cela supprime le chevron > qui précède ! Chromé sur smartphone Nexus.

    le 13/11/2018 à 05h36

  • lercat-63

    lercat-63

    bonjour j'ai besoin d'aide : pour rajouter une image sans lien dessus, c'est le bon code?

    le 24/05/2018 à 10h33

  • mram

    mram Administrateur

    Bonjour, il n'y a pas d'attribut "href" dans une balise "img".

    le 28/05/2018 à 04h48

  • lsamy2409

    lsamy2409

    bonjour j besoin d'aide svp

    le 19/03/2018 à 17h25

  • mram

    mram Administrateur

    Bonjour, attention il faut d'abord écrire la balise "h1" avec du texte dedans, puis mettre l'image "img", puis mettre un paragraphe "p".

    le 24/03/2018 à 05h10

index.html
<!DOCTYPE html> <html> <head> <title>Mon site personnel</title> </head> <body> <h1>Mon nom</h1> <p>1er paragraphe</p> <p>2eme paragraphe</p> <p>3eme paragraphe</p> </body> </html>