{"id":1512,"date":"2026-02-17T00:49:59","date_gmt":"2026-02-17T00:49:59","guid":{"rendered":"https:\/\/mytribu.fr\/cmopc\/?p=1512"},"modified":"2026-02-17T00:49:59","modified_gmt":"2026-02-17T00:49:59","slug":"un-bon-lien","status":"publish","type":"post","link":"http:\/\/mytribu.fr\/cmopc\/un-bon-lien\/","title":{"rendered":"un bon lien…"},"content":{"rendered":"\n
\n\n

🔗 Les diff\u00e9rents types de liens en HTML<\/h1>\n

\n Comprendre, choisir et utiliser correctement les liens dans un site web moderne.\n <\/p>\n\n \n

\n

\n La balise <a><\/strong> (anchor) est l\u2019un des \u00e9l\u00e9ments les plus importants du HTML.\n Elle permet de naviguer dans une page, entre les pages d\u2019un site, vers un autre site,\n vers un fichier ou m\u00eame vers un email.\n <\/p>\n <\/div>\n\n \n

1️⃣ Lien vers une ancre (dans la m\u00eame page)<\/h2>\n

Permet de faire d\u00e9filer la page vers un rep\u00e8re identifi\u00e9 par un id<\/code>.<\/p>\n\n

\n<a href=\"#contact\">Aller \u00e0 Contact<\/a>\n\n<section id=\"contact\">\n<\/pre>\n\n  
Usage :<\/strong> landing page, FAQ, page longue.<\/p>\n\n  \n  
2️⃣ Lien vers une autre page du site<\/h2>\n\n
\n<a href=\"contact.html\">Contact<\/a>\n<\/pre>\n\n  
Usage :<\/strong> menu principal, navigation classique.<\/p>\n\n  \n  
3️⃣ Lien vers un site externe<\/h2>\n\n
\n<a href=\"https:\/\/www.openclassrooms.com\" target=\"_blank\" rel=\"noopener\">\n  OpenClassrooms\n<\/a>\n<\/pre>\n\n  
Pourquoi rel=\"noopener\"<\/code> ?<\/strong> S\u00e9curit\u00e9 et bonnes pratiques modernes.<\/p>\n\n  \n  
4️⃣ Lien vers un fichier (PDF, ZIP…)<\/h2>\n\n
\n<a href=\"documents\/cours.pdf\" download>T\u00e9l\u00e9charger le PDF<\/a>\n<\/pre>\n\n  
Usage :<\/strong> supports de cours, ressources, mod\u00e8les.<\/p>\n\n  \n  
5️⃣ Lien vers un email<\/h2>\n\n
\n<a href=\"mailto:contact@monsite.fr\">Envoyer un mail<\/a>\n<\/pre>\n\n  \n  
6️⃣ Lien t\u00e9l\u00e9phone (mobile)<\/h2>\n\n
\n<a href=\"tel:+33612345678\">Appeler<\/a>\n<\/pre>\n\n  
Tr\u00e8s utilis\u00e9 en responsive design.<\/p>\n\n  \n  
7️⃣ Image cliquable<\/h2>\n\n
\n<a href=\"index.html\">\n  <img src=\"logo.png\" alt=\"Logo\">\n<\/a>\n<\/pre>\n\n  
Souvent utilis\u00e9 pour le logo \u2192 retour accueil.<\/p>\n\n  \n  
⚠️ Erreurs fr\u00e9quentes<\/h2>\n\n  
    \n    
  • Oublier le https:\/\/<\/code><\/li>\n    
  • Mettre des accents dans les noms de fichiers<\/li>\n    
  • Mauvaise casse (Contact.html \u2260 contact.html)<\/li>\n    
  • Oublier le dossier (images\/logo.png)<\/li>\n    
  • Mettre des espaces dans les noms de fichiers<\/li>\n  <\/ul>\n\n  \n  
    \n    
    \n      🔎 Un site web est un r\u00e9seau de liens.\n      Bien comprendre les diff\u00e9rents types de liens est essentiel pour construire une navigation claire,\n      professionnelle et accessible.\n    <\/p>\n  <\/div>\n\n<\/section>\n","protected":false},"excerpt":{"rendered":"
    🔗 Les diff\u00e9rents types de liens en HTML Comprendre, choisir et utiliser correctement les liens dans un site web moderne.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-1512","post","type-post","status-publish","format-standard","hentry","category-non-classe","comments-off"],"_links":{"self":[{"href":"http:\/\/mytribu.fr\/cmopc\/wp-json\/wp\/v2\/posts\/1512","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/mytribu.fr\/cmopc\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/mytribu.fr\/cmopc\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/mytribu.fr\/cmopc\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/mytribu.fr\/cmopc\/wp-json\/wp\/v2\/comments?post=1512"}],"version-history":[{"count":1,"href":"http:\/\/mytribu.fr\/cmopc\/wp-json\/wp\/v2\/posts\/1512\/revisions"}],"predecessor-version":[{"id":1513,"href":"http:\/\/mytribu.fr\/cmopc\/wp-json\/wp\/v2\/posts\/1512\/revisions\/1513"}],"wp:attachment":[{"href":"http:\/\/mytribu.fr\/cmopc\/wp-json\/wp\/v2\/media?parent=1512"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/mytribu.fr\/cmopc\/wp-json\/wp\/v2\/categories?post=1512"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/mytribu.fr\/cmopc\/wp-json\/wp\/v2\/tags?post=1512"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}