Exercice 1/15

On commence facile :

  • Dans le fichier index.html à droite, mettez le titre en <h1> en Arial et en rouge.
  • Insérez une image au-dessous du titre
  • Ajoutez une seconde image et rendez-la cliquable avec un lien.

En cas de confusion, lisez l'astuce.

Leçon 1/15

Avant de poursuivre sur un nouveau chapitre, faisons un rappel des notions abordées :

  1. Elaborer la structure d'un document HTML.
  2. Utiliser des en-têtes, des paragraphes, des images et des liens.
  3. Gérer des couleurs, tailles et familles de police.
  4. Aligner du texte, mettre en gras et en italique des mots.

Dans ce cours, nous allons apprendre de nouvelles balises : <table>, <div> et <span> !

_

La balise <img> (image) doit être imbriquée dans une balise <a> (lien), comme ceci :

<a href="URL cible du lien">
    <img src="URL de la source de l'image"/>
</a>

_

Commentaires les mieux notés

511 Commentaires

  • sekongoismael0-80

    sekongoismael0-80

    le boutton soumettre ne fonctione plus?

    le 22/03/2023 à 11h42

  • Patricio M

    Patricio M Admin

    Ton code est bon!!

    le 27/03/2023 à 11h54

  • fmx.marx-9

    fmx.marx-9

    Bonjour, quelle est mon erreur?<!DOCTYPE html> <html> <head> <title>Les tableaux</title> </head> <body> <h1 style="font-family:Arial;color:red"> La mise en page avec des tableaux est-elle une méthode convenable ? (sujet de l'épreuve de philo pour le bac option HTML)</h1> <a href="https://www.google.com"><img src="chemin/vers/votre/image.jpg"/></a> </body> </html> Merci

    le 09/03/2023 à 11h46

  • Patricio M

    Patricio M Admin

    lis bien la consigne...

    le 10/03/2023 à 09h31

  • jymy44620-100

    jymy44620-100

    Je ne trouve pas mon erreur, l'élément img doit être dans le body ?

    le 12/11/2022 à 14h14

  • Patricio M

    Patricio M Admin

    Ton dernier code est bon. Cool, tu as trouvé tout seul :)

    le 15/11/2022 à 08h11

  • hayatallouha-47

    hayatallouha-47

    Bonjour, j'arrive pas trouver mon erreur

    le 04/10/2022 à 15h59

  • Patricio M

    Patricio M Admin

    Excellent que tu as trouvé tout(e) seul(e) :))

    le 05/10/2022 à 07h42

  • Samuel Méline

    Samuel Méline

    Bonjour, impossible de vois mes changements sur le localhost, j'ai essayé avec un autre navigateur et ca ne fonctionne pas, j'ai le même soucis sur tous les exercices :/

    le 28/06/2022 à 08h22

  • meriam

    meriam Admin

    Bonjour, vous avez cliqué sur le lien suivant :http://localhost:8080

    le 28/06/2022 à 08h25

  • Teyn

    Teyn

    Bonjour, je crains que le bouton "soumettre" ne fonctionne plus, j'ai fait plusieurs exercices sans possibilité de valider mes propositions

    le 15/03/2022 à 10h52

  • meriam

    meriam Admin

    Bonjour, le problème du bouton soumettre est résolu.Merci pour votre compréhension.

    le 15/03/2022 à 13h34

  • noute9

    noute9

    Bonjour, pouvez-vous corriger mon code ? <!DOCTYPE html> <html> <head> <title>Les tableaux</title> </head> <body> <h1 style="color:red;font-family:Arial">La mise en page avec des tableaux est-elle une méthode convenable ? (sujet de l'épreuve de philo pour le bac option HTML)</h1> <a><img src="https://www.referenseo.com/wp-content/uploads/2019/03/image-attractive-960x540.jpg"/></a> <a href="https://www.referenseo.com/blog/10-banques-images-gratuites-libre-droits/"> <img src="https://www.nature-isere.fr/sites/default/files/styles/natureisere_large/public/images/temoignages/principale/iceland-2111810_1920.jpg?itok=PMXb-dCB"/> </a> </body> </html>

    le 04/03/2022 à 10h00

  • meriam

    meriam Admin

    Bonjour, une seule image doit être cliquable.

    le 04/03/2022 à 13h13

  • angosto.alexandre-19

    angosto.alexandre-19

    Bonjour, je ne trouve pas l'erreur

    le 02/03/2022 à 13h28

  • meriam

    meriam Admin

    Bonjour, vous devez avoir deux images :une image cliquable et une autre non cliquable.

    le 02/03/2022 à 21h37

  • alex44120v-58

    alex44120v-58

    ce erreur pour moi " Avez-vous bien ajouté la couleur rouge (red) à la balise <h1> ? alors que tout m'a l'air correct.

    le 19/12/2021 à 13h08

  • meriam

    meriam Admin

    Bonjour, il faut que la valeur de color : red(toutes les lettres en miniscules)

    le 19/12/2021 à 22h52

  • alex44120v-58

    alex44120v-58

    <!DOCTYPE html> <html> <head> <title>Les tableaux</title> </head> <body> <h1 style="color:Red;font-family:Arial">La mise en page avec des tableaux est-elle une méthode convenable ? (sujet de l'épreuve de philo pour le bac option HTML)</h1> <img src="https://www.zdnet.com/a/hub/i/r/2021/04/20/4d361876-e21e-46ea-9b53-c4fa3c58014b/resize/1200xauto/d4e11d12988f3b3f1b5166b741040ebc/google-chrome-logo.jpg" /> <a href="https://www.pinterest.fr/pin/497647827558023719/"> <img src="https://i.pinimg.com/originals/bc/70/4e/bc704e50d3ae4fd457bf03e4a31a83f7.png"/> </a> </body> </html>

    le 19/12/2021 à 13h07

  • meriam

    meriam Admin

    Il faut écrire red au lieu de Red

    le 19/12/2021 à 22h53

  • mathland-47

    mathland-47

    Bonjour, je ne trouve pas mon erreur :

    le 14/12/2021 à 21h48

  • meriam

    meriam Admin

    Bonjour, une seule image doit être cliquable.

    le 15/12/2021 à 12h40

  • meriam

    meriam Admin

    Dans le corps du body vous avez inséré chaque image dans un lien.

    le 15/12/2021 à 12h41

  • smeety.vainqueur-62

    smeety.vainqueur-62

    Bonjour, je ne trouve pas mon erreur voici le code : <!DOCTYPE html> <html> <head> <title>Les tableaux</title> </head> <body> <h1 style="font-family:Arial;color:red">La mise en page avec des tableaux est-elle une méthode convenable ? (sujet de l'épreuve de philo pour le bac option HTML)</h1> <a href="https://3wa.fr/wp-content/uploads/2020/01/cropped-big.png"> <img src="https://3wa.fr/wp-content/uploads/2020/01/cropped-big.png"/> </a> </body> </html>

    le 04/12/2021 à 10h29

  • meriam

    meriam Admin

    Bonjour, l'élément body doit contenir deux images : une image cliquable et une image non cliquable.

    le 06/12/2021 à 14h59

  • nadoune.louis.91

    nadoune.louis.91

    Bonjour qu'est ce qui ne va pas dans mon cod <title>Les tableaux</title> </head> <body> <h1 style="color:red;font-family:Arial">La mise en page avec des tableaux est-elle une méthode convenable ? (sujet de l'épreuve de philo pour le bac option HTML)</h1> <a href="https://www.cci.fr/formation/legislation-des-installations-classees-lautorisation-environnementale"> <img src="https://logos-marques.com/air-france-logo"/> </a> </body> </html>e

    le 28/10/2021 à 19h13

  • meriam

    meriam Admin

    Bonjour, vous devez insérer deux images :une image cliquable et une autre non cliquable

    le 29/10/2021 à 14h47

  • saidabdallahsaidomar96-24

    saidabdallahsaidomar96-24

    bonjour,mes images sont bien dans les balises body et pourtant il est reconnu comme s'il n'y était pas : <!DOCTYPE html> <html> <head> <title>Les tableaux</title> </head> <body> <h1 style="font-family: Arial;color: red">La mise en page avec des tableaux est-elle une méthode convenable ? (sujet de l'épreuve de philo pour le bac option HTML) </h1> </body> <a href="https://3wa.fr/wp-content/uploads/2020/01/cropped-big.png"> <img src="https://3wa.fr/wp-content/uploads/2020/01/cropped-big.png"> <img src="https://actualitesjeuxvideo.fr/wp-content/uploads/2018/02/3W-Academy.jpg"> </a> </html>

    le 23/10/2021 à 14h18

  • meriam

    meriam Admin

    Bonjour, une seule image doit être cliquable.

    le 25/10/2021 à 12h06

  • karimhaddad01-31

    karimhaddad01-31

    j'ai bien placer la balise<img> dans la balise <body> je comprend pas ma faute

    le 20/10/2021 à 10h14

  • meriam

    meriam Admin

    Vous devez avoir deux images : une simple image et une autre cliquable.

    le 21/10/2021 à 00h55

index.html
<!DOCTYPE html> <html> <head> <title>Les tableaux</title> </head> <body> <h1>La mise en page avec des tableaux est-elle une méthode convenable ? (sujet de l'épreuve de philo pour le bac option HTML)</h1> </body> </html>