Exercice 2/6

  • Dans le fichier index.html, ajoutez une balise ‹a›‹/a› pour le lien et mettez le texte "Cliquez ici" dedans.
  • N'oubliez pas l'attribut href="" dans le lien. Mettez l'url du site web que vous voulez dedans.
  • Cliquez sur soumettre ma réponse pour vérifier vos résultats;

Leçon 2/6

Un lien ‹a›‹/a› est de type inline. Pour respecter la sémantique HTML, il faut l'insérer dans une balise de type bloc.

L'objectif de cet exercice est de créer la structure HTML du bouton.

Le principe du bouton est qu'il soit cliquable afin de diriger l'utilisateur là où vous le souhaitez. Il faut donc utiliser une paire de balises ‹a›‹/a›.

Note : La balise ‹a› est de type inline, il faudrait donc l'insérer dans une balise de type bloc afin de respecter la sémantique HTML. Mais nous contournerons le problème grâce au CSS par la suite.

Commentaires les mieux notés

  • misainechristophe-3

    <!DOCTYPE html> <html> <head> <link type="text/css" rel="stylesheet" href="stylesheet.css" /> <title>Un pas de plus.</title> </head> <body> <a href="http://3wa.fr">Cliquez ici</a> </body> </html> ou est mon erreur ? je ne comprends pas

  • helenetnx-15

    je ne comprends pas l erreur, <!DOCTYPE html> est bien indiqué dans le fichier

  • phaelier

    Bonjour Je ne comprends pas ! Vérifiez que vous avez mis le contenu "cliquez ici" dans la balise <a>. Je vous remercie.

  • mram Administrateur

    Et oui, vous avez mis "cliquez dedans", c'est différent de "cliquez ici" ...

33 Commentaires

  • phaelier

    phaelier

    Bonjour Je ne comprends pas ! Vérifiez que vous avez mis le contenu "cliquez ici" dans la balise <a>. Je vous remercie.

    le 05/07/2016 à 23h58

  • mram

    mram Administrateur

    Et oui, vous avez mis "cliquez dedans", c'est différent de "cliquez ici" ...

    le 06/07/2016 à 19h03

  • pizzutoandrea3

    pizzutoandrea3

    petit aide..merci

    le 08/05/2017 à 12h37

  • mram

    mram Administrateur

    Bonjour, je pense il faut juste mettre la balise </a> sur la même ligne (ligne 8) que la balise ouvrante <a>.

    le 28/11/2016 à 15h40

  • mram

    mram Administrateur

    Bonjour, il suffit je pense de supprimer les guillemets autour du texte ligne 8.

    le 15/05/2017 à 13h05

  • ga.torcheux

    ga.torcheux

    Bonjour Mram Je n'arrive pas à comprendre mon erreur, un petit coup de main svp: <!DOCTYPE html> <html> <head> <link type="text/css" rel="stylesheet" href="stylesheet.css" /> <title>Créez votre propre bouton</title> </head> <body> <a href="https://apprendre-html.3wa.fr/comprendre-css/bouton-css/utiliser-balise-type-bloc-creer-bouton-html"> Cliquez ici </a> </body> </html> Merci :)

    le 24/11/2016 à 21h33

  • fumey.claire

    fumey.claire

    Bonjour , Voilà mon code : <!DOCTYPE html> <html> <head> <link type="text/css" rel="stylesheet" href="stylesheet.css" /> <title>Créez votre propre bouton</title> </head> <body> <p> <a href="https://www.franceinter.fr/">"Cliquez ici"</a> </p> </body> </html> Dans le css : a{ text-decoration:none; } Il me répond : Vérifiez que vous avez mis le contenu "cliquez ici" dans la balise <a>. Je vous remercie pour votre aide

    le 23/11/2016 à 09h11

  • mram

    mram Administrateur

    Il faut juste enlever les guillemets autour de Cliquez ici. Dans les instructions ils sont mis juste pour délimiter ce qu'il faut mettre dans la balise <a></a>.

    le 24/11/2016 à 13h09

  • gaudin.yannick69-79

    gaudin.yannick69-79

    Bonjour quel est l'erreur dans le code ci-dessous? <!DOCTYPE html> <html> <head> <link type="text/css" rel="stylesheet" href="stylesheet.css" /> <title>Créez votre propre bouton</title> </head> <body> <a href="https://www.3wa.fr"> cliquez ici </a> </body> </html>

    le 05/08/2018 à 13h56

  • mram

    mram Administrateur

    Bonjour, que vous dit le message exactement ?

    Normalement il n'y a pas besoin de mettre de code dans le fichier CSS.

    le 13/08/2018 à 03h25

  • soacynthiasoa-62

    soacynthiasoa-62

    ERREUR?? <!DOCTYPE html> <html> <head> <link type="text/css" rel="stylesheet" href="stylesheet.css" /> <title>Créez votre propre bouton</title> </head> <body> <a href="http://www.3wa.fr">Cliquer ici</a> </body> </html>

    le 31/01/2018 à 19h18

  • mram

    mram Administrateur

    Bonjour, "text de decoration" n'est pas une propriété CSS.

    le 05/02/2018 à 11h04

  • CodyLeCodingue

    CodyLeCodingue

    Bonjour, SOLUTION AU BLOCAGE il ne doit pas y avoir d'espace avant et après cliquez ici <a href="http://www.google.fr">Cliquez ici</a>

    le 04/09/2017 à 13h18

  • mdiefenbach06

    mdiefenbach06

    Bonjour, je suis bloqué et je ne comprends ce qu'il y a de faux dans mon code? </p>

    le 17/08/2017 à 14h46

  • mram

    mram Administrateur

    Bonjour il faut juste ajouter un lien, pas besoin de mettre de paragraphe et rien dans le CSS.

    le 17/08/2017 à 20h48

  • nkeshimanabrice-37

    nkeshimanabrice-37

    ok bien fait

    le 25/10/2018 à 09h29

index.html
<!DOCTYPE html> <html> <head> <title>Créez votre propre bouton</title> </head> <body> </body> </html>