Exercice 10/14

  • Dans le <body>, créez un lien en utilisant la balise <a>.

  • Donnez comme cible à votre lien le site de votre choix en remplissant l'attribut href avec l'adresse de ce site. Attention ! N'oubliez pas le signe = ni les guillemets !

  • Après avoir fermé la balise ouvrante <a>, écrivez le libellé de votre lien (le nom du site par exemple).

  • Fermez votre balise avec </a>.

Leçon 10/14

Une page web serait sans grand intérêt si elle ne contenait pas de liens vers le reste du monde ! Les hyperliens relient les pages entre elles et constituent ainsi une gigantesque toile d'araignée : le (World Wide) Web.

C'est la balise <a> qui transforme un texte en lien. Mais encore faut-il lui indiquer la destination... Pour cela, cette balise admet un attribut appelé href.

La valeur donnée à cet attribut permet de déterminer la cible du lien. On écrit comme ceci :

<a href="http://www.3wa.fr">Le meilleur site de formation au HTML !</a> 

Entre les guillemets figure la valeur de l'attribut qui est dans ce cas l'adresse du site visé par le lien.

Le texte situé entre les balises <a> et </a> deviendra un lien actif et en cliquant dessus, le navigateur nous dirigera vers ce site.

Commentaires les mieux notés

112 Commentaires

  • Diakemba.diaby-41

    Diakemba.diaby-41

    in est déjà a l'intérieur de la balise je ne comprends pas

    le 03/02/2022 à 07h30

  • meriam

    meriam Admin

    Bonjour, il faut espacer le balise a et l'attribut ==> <a href="url cible">contenu</a>

    le 03/02/2022 à 09h51

  • Diakemba.diaby-41

    Diakemba.diaby-41

    ok merci

    le 03/02/2022 à 07h18

  • meriam

    meriam Admin

    Bonjour, il faut laisser un espace entre la balise a et l'atrribut.

    le 03/02/2022 à 09h04

  • meriam

    meriam Admin

    Syntaxe Générale : <a href="url cible">contenu</a>

    le 03/02/2022 à 09h05

  • Diakemba.diaby-41

    Diakemba.diaby-41

    <body><a>href="https://www.miel-direct.fr/blog/</a> bonjour j'ai besoin d'aide ma réponse ne veut pas ce soumettre pouvez vous m'aider svp

    le 29/01/2022 à 08h21

  • meriam

    meriam Admin

    Bonjour, l'attribut href doit être à l'intérieur de la balise <a>

    le 31/01/2022 à 11h13

  • ngoboum.laure60800-100

    ngoboum.laure60800-100

    kpop

    le 24/01/2022 à 08h36

  • meriam

    meriam Admin

    Bonjour, quel est votre problème exactement???

    le 24/01/2022 à 10h43

  • petrovpro33-26

    petrovpro33-26

    <!DOCTYPE html> <html> <head> <title></title> </head> <body> <a> href = "https://mail.google.com" </a> </body> </html>

    le 13/01/2022 à 12h20

  • meriam

    meriam Admin

    Bonjour, l'attibut href doit être à l'intérieur de la balise ouvrante a

    le 13/01/2022 à 13h21

  • meriam

    meriam Admin

    Il faut pas oublier le contenu de du lien, il faut ajouter un contenu entre la balise ouvrante <a> et </a>

    le 13/01/2022 à 13h24

  • kodjovi.segnegbe.etu-93

    kodjovi.segnegbe.etu-93

    exo 10 pouuf

    le 21/12/2021 à 12h01

  • meriam

    meriam Admin

    Bonjour, quel est votre problème?

    le 21/12/2021 à 12h06

  • bhoury.skander-92

    bhoury.skander-92

    <!DOCTYPE html> <html> <head> <title></title> </head> <body> <a herf="www.3wa.fr"> site de formation </a> </body> </html>

    le 20/09/2021 à 12h41

  • meriam

    meriam Admin

    Bonjour, vous devez corriger l'attribut href de l'élément a.

    le 21/09/2021 à 13h53

  • bhoury.skander-92

    bhoury.skander-92

    Bonjour, il me semble que le code est bon, mais je n'arrive pas a soumettre l'exercice. quelqu'un peut m'aider ? Merci

    le 20/09/2021 à 12h40

  • meriam

    meriam Admin

    Bonjour, vous avez écrit herf au lieu de href, l'attribut href doit être imbriqué à l'intérieur de la balise ouvrante a.

    le 21/09/2021 à 14h23

  • louanemaignenbouhitem-31

    louanemaignenbouhitem-31

    <!DOCTYPE html> <html> <head> <title></title> </head> <body> <a> href="">https://www.avatar-gratuit .com/</a> </body> </html> Avez-vous bien placé l'attribut href à l'intérieur de la balise <a> ?

    le 15/03/2021 à 08h04

  • meriam

    meriam Admin

    Bonjour, votre dernier code est correct.

    le 15/03/2021 à 11h27

  • lattrez.cyrille-56

    lattrez.cyrille-56

    Le bouton soumettre ne fonctionne plus pour moi j'ai essayé dans plusieurs navigateurs et sur les différents cours

    le 10/03/2021 à 11h12

  • meriam

    meriam Admin

    Bonjour, le problème est réglé

    le 10/03/2021 à 14h00

  • loane.dagniaux.lanvin-15

    loane.dagniaux.lanvin-15

    bonjour, je n'arrive plus a soumettre mes réponse...

    le 04/03/2021 à 12h54

  • meriam

    meriam Admin

    Bonjour, votre code est correct.

    le 05/03/2021 à 08h06

  • Tigran-20

    Tigran-20

    mon code m'a l'aire bon mais erreur

    le 13/02/2021 à 19h52

  • meriam

    meriam Admin

    Bonjour, vous devez ajouter un contenu entre la balise ouvrante a et la balise fermante </a>.

    le 15/02/2021 à 10h54

  • oussamahayou-91

    oussamahayou-91

    <!DOCTYPE html> <html> <head> <title></title> </head> <body> <a href='https://open.spotify.com/?_ga=2.245813956.115856263.1590930080-2142420949.1584621368'> spotify music!</a> </body> </html>

    le 12/01/2021 à 19h03

  • meriam

    meriam Admin

    Bonjour, votre dernier code est correct.

    le 13/01/2021 à 08h12

  • cyril_hoareau-99

    cyril_hoareau-99

    Les exercices sont intéressa&nt mais la fonction " soumettre " est bancale, elle me valide l'exercice alors que j'ai une erreur dans se que j'ai écris..... J'ai du passer par le bloc note et créer une page web test pour constater les résultats, et je me suis rendu compte de mon erreur... Alors que si le résultat s'affichais correctement sur le site 3w academy, sa permettrais un vrai gain de temps....

    le 04/12/2020 à 08h08

  • meriam

    meriam Admin

    Bonjour, le problème persiste toujours??

    le 04/12/2020 à 11h52

  • carline78-20

    carline78-20

    Bonjour pourquoi est ce que c'est la phrase qui s'affiche dans les resultats et pas le lien du site web? la phrase apres le lien est t'elle obligatoire?

    le 24/06/2020 à 10h39

  • meriam

    meriam Admin

    Bonjour, le contenu textuel d'un lien est obligatoire, si on ne met pas du texte on peut pas repérer le lien . En cliquant sur le texte, le visiteur va être redirigé vers le lien du site web.

    le 25/06/2020 à 12h01

index.html
<!DOCTYPE html> <html> <head> <title></title> </head> <body> </body> </html>