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

61 Commentaires

  • caitline.as-21

    caitline.as-21

    Votre balise img n'a pas d'attribut src

    le 02/06/2022 à 13h15

  • meriam

    meriam Admin

    Bonjour, il faut ajouter l'attribut src à l'intérieur de la balise img.

    le 07/06/2022 à 18h57

  • nerouzali83-14

    nerouzali83-14

    bonjour,j'essaie de poser une question sur la bulle de question ,mais ça ne marche pas?

    le 02/11/2021 à 07h41

  • meriam

    meriam Admin

    Bonjour, pour poser des questions, il suffit d'envoyer un message en cliquant sur l'onglet commentaire de chaque exercice.

    le 08/11/2021 à 00h35

  • tristan.q-73

    tristan.q-73

    "Raté, le 3e élément doit être une balise h3...".... que de bugs dans ces exercices... franchement... :(

    le 15/10/2021 à 16h44

  • meriam

    meriam Admin

    Bonjour, les titres h3 et h5 ne sont pas demandés.

    le 15/10/2021 à 22h34

  • kibilydemba-7

    kibilydemba-7

    ajouté du contenu dans la balise p, je comprend pas

    le 27/03/2021 à 17h06

  • meriam

    meriam Admin

    Bonjour, n'intégrer pas l'image dans la balise p.

    le 28/03/2021 à 20h23

  • norahtevanee-27

    norahtevanee-27

    <!DOCTYPE html> <html> <head> <title>Mon site personnel</title> </head> <body> <h1>Mon nom</h1> href="https://fr.wikipedia.org/wiki/Wikip%C3%A9dia:Accueil_principal"> <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/c/c9/ElisabethofBelgium.jpg/240px-ElisabethofBelgium.jpg"> <p>1er paragraphe</p> <p>2eme paragraphe</p> <p>3eme paragraphe</p> </body> </html>

    le 04/03/2021 à 15h13

  • meriam

    meriam Admin

    Bonjour, l'énoncé demande d'ajouter uniquement une image.

    le 05/03/2021 à 08h41

  • meriam

    meriam Admin

    Supprimez cette écriture: href="https://fr.wikipedia.org/wiki/Wikip%C3%A9dia:Accueil_principal">

    le 05/03/2021 à 08h42

  • as.salim-75

    as.salim-75

    vous pouvez me renvoyer le lien pour l'image

    le 28/01/2021 à 08h46

  • meriam

    meriam Admin

    lien de l'image :https://3wa.fr/wp-content/themes/3wa/images/svg/bookmark.svg

    le 28/01/2021 à 08h54

  • valgoux-2

    valgoux-2

    Bonjour, je suis bloquée :

    le 02/11/2020 à 12h31

  • meriam

    meriam Admin

    Bonjour, supprimez les balises a qui entourent l'image.

    le 03/11/2020 à 07h19

  • nina.theric-64

    nina.theric-64

    Je ne comprends pas le soucis... <html> <head> <title>Mon site personnel</title> </head> <body> <h1>Mon nom</h1> <a href="https://fr.wikipedia.org/wiki/Wikip%C3%A9dia:Accueil_principal"> <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/c/c9/ElisabethofBelgium.jpg/240px-ElisabethofBelgium.jpg"> </a> <p>1er paragraphe</p> <p>2eme paragraphe</p> <p>3eme paragraphe</p> </body> </html>

    le 30/08/2020 à 14h15

  • meriam

    meriam Admin

    Bonjour, supprimez le lien qui entoure l'image.

    le 31/08/2020 à 12h06

  • gtsarf96-10

    gtsarf96-10

    bonjour je suis bloqué

    le 07/07/2020 à 07h22

  • meriam

    meriam Admin

    Bonjour, n'ajoutez pas l'image à l'intérieur d'une balise p , ajoutez la entre h1 et p (aprés h1 et avant p)

    le 07/07/2020 à 08h05

  • gwenael.ody-86

    gwenael.ody-86

    ou trouve t-on le lien?

    le 02/06/2020 à 10h41

  • meriam

    meriam Admin

    voici le lien :https://3wa.fr/wp-content/themes/3wa/images/svg/bookmark.svg

    le 02/06/2020 à 10h45

  • djamchid

    djamchid

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

    le 13/11/2018 à 03h36

  • 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 à 06h33

  • mram

    mram Admin

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

    le 28/05/2018 à 00h48

  • lsamy2409

    lsamy2409

    bonjour j besoin d'aide svp

    le 19/03/2018 à 15h25

  • mram

    mram Admin

    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 à 03h10

  • carole.cousin4-42

    carole.cousin4-42

    bonjour suis bloquee

    le 26/02/2018 à 16h27

  • mram

    mram Admin

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

    le 01/03/2018 à 21h00

  • 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 à 17h03

  • mram

    mram Admin

    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 à 19h40

Pour publier un commentaire, vous devez vous connecter.
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>
http://localhost:8080