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

127 Commentaires

  • hayatallouha-47

    hayatallouha-47

    je comprend pas pourquoi ça na fonctionne pas

    le 05/10/2022 à 20h01

  • Patricio M

    Patricio M Admin

    Tu dois lire la réponse du bot, car c'est CLIQUEZ et non CLIQUER.

    le 06/10/2022 à 07h41

  • judithblot-93

    judithblot-93

    Or "cliquez ici" apparaît bien

    le 20/09/2022 à 14h37

  • Patricio M

    Patricio M Admin

    <a href="https://www.zeusport.it">Cliquez ici</a> Voici la bonne synthaxe

    le 21/09/2022 à 07h26

  • judithblot-93

    judithblot-93

    Mais je n'ai pas de stylesheet

    le 20/09/2022 à 14h05

  • Patricio M

    Patricio M Admin

    la synthaxe n'est pas bonne, en plus la balise <bloc> n'existe pas... avec <a href="https://www.zeusport.it">Cliquez ici</a> suffit

    le 20/09/2022 à 14h29

  • labelsartek-1

    labelsartek-1

    Je ne comprend pas l'erreur dans ce code, merci

    le 06/06/2022 à 17h43

  • meriam

    meriam Admin

    Bonjour, il faut supprimer l'espace avant et aprés le contenu du lien.

    le 07/06/2022 à 17h08

  • labelsartek-1

    labelsartek-1

    <!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://trashtalk.co/"> Cliquez ici </a> </body> </html>

    le 06/06/2022 à 17h42

  • meriam

    meriam Admin

    Bonjour, il faut supprimer l'espace avant et aprés le contenu du lien.

    le 07/06/2022 à 18h53

  • nicolas.luftman-35

    nicolas.luftman-35

    Pas besoin Meriam (dsl pour la faute dans le prénom) j'ai trouvé mon erreur !

    le 03/04/2022 à 23h32

  • meriam

    meriam Admin

    N'hésitez pas à demander de l'aide si vous trouvez des problèmes dans les exercices suivants.Bon travail.

    le 04/04/2022 à 21h18

  • nicolas.luftman-35

    nicolas.luftman-35

    Bonjour Meriem, voici mon code :<body> <a href:"https://www.metalsucks.net"/>Cliquez ici</a> </body> Je ne comprends pas pourquoi il ne fonctionne pas. Merci d'avance

    le 03/04/2022 à 23h28

  • meriam

    meriam Admin

    Bonjour, au de la balise ouvrante <a>, il faut supprimer le slash placé avant le chevron fermant.

    le 04/04/2022 à 21h09

  • nicolas.luftman-35

    nicolas.luftman-35

    Bonjour Meriem,

    le 03/04/2022 à 23h27

  • meriam

    meriam Admin

    N'hésitez pas à demander de l'aide si vous trouvez des problèmes dans les exercices suivants.Bon travail.

    le 04/04/2022 à 21h19

  • noute9

    noute9

    Bonjour, je ne comprends pas mon erreur. pouvez-vous m'aider s'il vous plait ?

    le 25/03/2022 à 14h38

  • meriam

    meriam Admin

    Bonjour, placer le contenu entre la balise ouvrante <a href=""> et la balise fermante </a>

    le 28/03/2022 à 14h24

  • thomasdeoliveira-53

    thomasdeoliveira-53

    Bonjour j'ai appliqué le bon code mais le message la balise a dois contenir cliquez ici : <!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://store.psg.fr/fr/>Cliquez ici </a> </body> </html>

    le 03/03/2022 à 13h50

  • meriam

    meriam Admin

    Bonjour, placez la balise fermante sur la même ligne.

    le 03/03/2022 à 14h23

  • imanehemmade-69

    imanehemmade-69

    <!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.facebook.com/" Cliquez ici</a> </body> </html>

    le 27/01/2022 à 23h33

  • meriam

    meriam Admin

    Bonjour, il vous manque le chevron fermant de la balise ouvrante a.

    le 28/01/2022 à 09h43

  • imanehemmade-69

    imanehemmade-69

    bonjour je ne comprend pas ou est mon erreur ?

    le 27/01/2022 à 23h33

  • meriam

    meriam Admin

    Bonjour, vous avez oublié le chevron fermant de la balise ouvrante a

    le 28/01/2022 à 09h39

  • loic.lepoutere-93

    loic.lepoutere-93

    Encore le DOCTYPE qui bloque tout....

    le 29/11/2021 à 02h08

  • meriam

    meriam Admin

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

    le 29/11/2021 à 09h59

  • christian.nguyen02-26

    christian.nguyen02-26

    Bonjour, j'ai un message d'erreur "Votre balise DOCTYPE est incorrecte. Avez-vous écrit ceci : <!DOCTYPE html> ?". Pourtant cela est bien définis. Voici le code <!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.youtube.com/">Cliquez ici</a> </body> </html>

    le 28/11/2021 à 16h21

  • meriam

    meriam Admin

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

    le 28/11/2021 à 22h56

  • bilismira-75

    bilismira-75

    Je fais ce qui est demandé mais ça me dit que je dois de mettre Cliquez ici alors que je le fais et c'est quoi l'erreur

    le 16/06/2021 à 14h09

  • meriam

    meriam Admin

    Bonjour, vous devez supprimer le point aprés Cliquez ici.

    le 17/06/2021 à 10h49

index.html
<!DOCTYPE html> <html> <head> <link type="text/css" rel="stylesheet" href="stylesheet.css" /> <title>Créez votre propre bouton</title> </head> <body> </body> </html>