Exercice 5/6

  • Dans le fichier stylesheet.css, ajoutez à la balise <a> la propriété font-family et sa valeur Verdana;
  • Ajoutez également la propriété font-size et sa valeur 1em;
  • Ajoutez également la propriété text-transform et sa valeur uppercase afin de mettre le texte en majuscule;
  • Ajoutez également la propriété text-decoration et sa valeur none afin de supprimer le soulignement par défaut;
  • Ajoutez également la propriété color et sa valeur #0066ff;
  • Cliquez sur soumettre ma réponse pour passer à la suite;

Leçon 5/6

Le bouton est maintenant correctement formaté. Mais il reste à le mettre en forme afin qu'il soit plus attirant.

L'objectif de cet exercice est de mettre en forme le texte avec les propriétés que vous avez vu lors des exercices précédents.

Commentaires les mieux notés

37 Commentaires

  • michele_jacques-51

    michele_jacques-51

    c'est bon j'ai trouvé de moi meme

    le 17/09/2022 à 16h43

  • Patricio M

    Patricio M Admin

    MIchèle, super!! ça montre ta motivation, n'hesites à pas à demander de l'aide

    le 19/09/2022 à 09h01

  • lambert.vanneste-16

    lambert.vanneste-16

    pour la création d'un bouton en html pourquoi ne pas utiliser la balise spécifique : <a href="lien"><button>texte du bouton</button></a>

    le 05/07/2022 à 14h59

  • meriam

    meriam Admin

    L'élément <button> représente un bouton cliquable, utilisé pour soumettre des formulaires.

    le 05/07/2022 à 21h47

  • lambert.vanneste-16

    lambert.vanneste-16

    pour la création d'un boutton en HTML pourquoi ne pas faire :

    le 05/07/2022 à 14h58

  • meriam

    meriam Admin

    L'élément <button> représente un bouton cliquable, utilisé pour soumettre des formulaires.

    le 05/07/2022 à 21h45

  • bellettetiffany-27

    bellettetiffany-27

    bonjour, j'ai beau soumettre ma réponse j'ai aucun retour et je ne peux donc pas valider mon exercice...j'ai eu le même problème sur l'exercice précédant

    le 19/11/2021 à 13h58

  • meriam

    meriam Admin

    Bonjour, votre code fonctionne correctement.

    le 19/11/2021 à 14h23

  • Krystel14

    Krystel14

    Autant pour moi j'avais mis une majuscule là où il ne fallait pas j'ai pu passer l'exercice :)

    le 21/06/2021 à 10h15

  • meriam

    meriam Admin

    Bonjour, il faut respecter les messages demandés par l'énoncé.

    le 21/06/2021 à 10h26

  • meriam

    meriam Admin

    N'hésitez pas à poser des questions si vous trouvez des problèmes dans les exercices qui suivent. Bon travail.

    le 21/06/2021 à 10h26

  • Krystel14

    Krystel14

    Bonjour, je ne trouve pas mon erreur, pourtant il me semble que tout s'affiche correctement ?

    le 21/06/2021 à 10h14

  • meriam

    meriam Admin

    Bonjour, ajoutez uniquement les proprétés demandées par l'énoncé.

    le 21/06/2021 à 10h29

  • evannpicard203

    evannpicard203

    bonjour je ne trouve pas mon erreur

    le 05/05/2021 à 14h10

  • meriam

    meriam Admin

    Bonjour, au niveau du fichier css, supprimez la balise ouvrante <a> et la balise fermante</a>

    le 06/05/2021 à 12h52

  • audrey.bruno-49

    audrey.bruno-49

    merci c'est bon

    le 09/09/2020 à 10h21

  • audrey.bruno-49

    audrey.bruno-49

    j'ai bien mis 11 propriétés j'ai tout de même un message d'erreur

    le 07/09/2020 à 12h43

  • meriam

    meriam Admin

    il faut mettre un point-virgule pour chaque propriété, aprés font-family: Verdana; (vous avez oublié le point-virgule)

    le 07/09/2020 à 19h08

  • parizolli

    parizolli

    Bonjour, une question que je me pose depuis le début quasiment : quel est l'importance de mettre une majuscule dans la 1ère lettre du nom des polices ? En effet, cela fonctionne bien sans, mais vous vérifiez bien cette condition lors de la correction. Merci

    le 20/12/2017 à 14h33

  • mram

    mram Admin

    Bonjour, oui nous vérifions bien cela à la correction même si c'est valide niveau CSS. C'est une bonne habitude à prendre, tout comme mettre entre guillemets les noms de police qui contiennent des espaces (ex : Times New Roman ... ).

    le 23/12/2017 à 14h37

  • stephanejaumotte92

    stephanejaumotte92

    ah pardon j'ai trouvé pas de majuscul a font-family ^^

    le 07/11/2017 à 21h02

  • mram

    mram Admin

    Bonjour, oui en effet attention au nom des propriétés :)

    le 07/11/2017 à 21h24

  • stephanejaumotte92

    stephanejaumotte92

    bonsoir a &#123; display: block; border: 1px solid #0066ff; margin-left: auto; margin-right: auto; width: 200px; text-align: center; Font-family: Verdana; font-size: 1em; text-transform: uppercase; text-decoration: none; color: #0066ff; }

    le 07/11/2017 à 20h55

  • mram

    mram Admin

    Ligne 12 il vous manque la valeur associée à la propriété

    le 08/06/2017 à 07h21

  • pizzutoandrea3

    pizzutoandrea3

    aide.. stp

    le 04/06/2017 à 21h01

  • mram

    mram Admin

    Il vous manque la propriété font-family.

    le 01/06/2017 à 12h14

Pour publier un commentaire, vous devez vous connecter.
index.html
stylesheet.css
<!DOCTYPE html> <html> <head> <link type="text/css" rel="stylesheet" href="stylesheet.css" /> <title>Mettre en forme le texte du bouton</title> </head> <body> <a href="http://3wa.fr">Cliquez ici</a> </body> </html>
a { display: block; border: 1px solid #0066ff; margin-left: auto; margin-right: auto; width: 200px; text-align: center; }
http://localhost:8080