{"id":6951,"date":"2025-06-04T12:52:36","date_gmt":"2025-06-04T10:52:36","guid":{"rendered":"https:\/\/cdscweb.fr\/chat-robaze\/?p=6951"},"modified":"2025-06-04T12:52:39","modified_gmt":"2025-06-04T10:52:39","slug":"html-les-liens","status":"publish","type":"post","link":"https:\/\/cdscweb.fr\/chat-robaze\/html-les-liens\/","title":{"rendered":"HTML : les liens"},"content":{"rendered":"\n

Un lien hypertexte <\/strong>est un mot ou une phrase qui permet, lorsqu’on clique dessus, de naviguer vers une autre page Web, une adresse mail, un fichier \u00e0 t\u00e9l\u00e9charger, etc.
Chaque page poss\u00e8de une URL <\/strong>(une adresse)<\/em> qui lui est propre et qui commence g\u00e9n\u00e9ralement par http:\/\/<\/strong>
La balise <a> <\/a><\/em><\/strong> indique le type de lien que l’on veut ins\u00e9rer : \u00e0 la diff\u00e9rence des autres balises elle ne peut \u00eatre utilis\u00e9e telle quelle, il est obligatoire de lui affecter des attributs.<\/p>\n\n\n\n

Lien vers une adresse externe<\/strong><\/h4>\n\n\n\n

Pour ins\u00e9rer un lien hypertexte sur un mot ou un groupe de mots vers une adresse Internet, il faut utiliser l’attribut href <\/em><\/strong>(Hypertext Reference)<\/em>.<\/p>\n\n\n\n

\n
\n
<a href=\"https:\/\/cdscweb.fr\/chat-robaze\" target=\"_blank\">
Page d'accueil de ce site<\/a><\/pre>\n\n\n\n
L’attribut href <\/em><\/strong>sp\u00e9cifie qu’il s’agit d’une adresse, un lien est facilement reconnaissable (en g\u00e9n\u00e9ral soulign\u00e9) et lorsque la souris le survole le curseur se transforme en main.<\/p>\n<\/div>\n\n\n\n
\n
Page d’accueil de ce site<\/a><\/strong><\/em><\/p>\n\n\n\n
<\/div>\n\n\n\n
L’attribut target=\u201c_blank\u201d<\/em><\/strong> indique que le lien doit s’ouvrir dans un nouvel onglet.<\/p>\n<\/div>\n<\/div>\n\n\n\n
Lien vers une adresse e-mail<\/strong><\/h4>\n\n\n\n
Placer un lien vers une adresse e-mail ouvrira la messagerie par d\u00e9faut de l’internaute (Thunderbird<\/a><\/strong>, Outlook, etc.)<\/em> avec l’adresse sp\u00e9cifi\u00e9e. 
Dans ce cas l’attribut href <\/em><\/strong>sera suivie de de la mention mailto:<\/em><\/strong> suivie de l’adresse souhait\u00e9e.<\/p>\n\n\n\n
\n
\n
<a href=\"mailto:chat.robaze@gmail.com>
Envoyez un courriel<\/a><\/pre>\n\n\n\n
<a href=\"mailto:chat.robaze@gmail.com?
subject=Contact\">
Envoyez un courriel<\/a><\/pre>\n<\/div>\n\n\n\n
\n
Envoyez un courriel<\/a><\/strong><\/em><\/p>\n\n\n\n
<\/div>\n\n\n\n
Envoyez un courriel<\/a><\/strong><\/em><\/p>\n<\/div>\n<\/div>\n\n\n\n
\n
Dans le deuxi\u00e8me exemple ci-dessus, on a sp\u00e9cifi\u00e9 le sujet du message<\/strong> qui sera envoy\u00e9 par l’internaute lorsqu’il aura cliqu\u00e9 sur le lien. 
Pour cela l’adresse e-mail est suivie d’un point d’interrogation et du texte du sujet<\/strong> (ici Contact<\/strong>)<\/em>.<\/p>\n<\/div><\/div>\n\n\n\n
Lien sur une image<\/strong><\/h4>\n\n\n\n
Tout comme il est possible de placer un lien sur du texte, il peut aussi \u00eatre plac\u00e9 sur une image : il suffit d’encadrer la balise <img src=\u201cadressedelimage\u201d><\/em><\/strong> par les balises <a><\/em><\/strong> et <\/a><\/em><\/strong>.<\/p>\n\n\n\n
\n
\n
<a href=\"mailto:chat.robaze@gmail.com?
subject=Thunderbird\">
<img src=\"https:\/\/cdscweb.fr\/chat-robaze\/wp-content\/
uploads\/thunderbird.png\"><\/a><\/pre>\n<\/div>\n\n\n\n
\n
\"\"<\/a><\/figure>\n<\/div><\/div>\n<\/div>\n\n\n\n
<\/div>\n\n\n\n
Dans le prochain article, il sera question des images.<\/em><\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"
 Lire<\/i><\/a><\/p>\n","protected":false},"author":1,"featured_media":6595,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[119],"tags":[],"class_list":["post-6951","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-internet"],"_links":{"self":[{"href":"https:\/\/cdscweb.fr\/chat-robaze\/wp-json\/wp\/v2\/posts\/6951","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cdscweb.fr\/chat-robaze\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cdscweb.fr\/chat-robaze\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cdscweb.fr\/chat-robaze\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cdscweb.fr\/chat-robaze\/wp-json\/wp\/v2\/comments?post=6951"}],"version-history":[{"count":30,"href":"https:\/\/cdscweb.fr\/chat-robaze\/wp-json\/wp\/v2\/posts\/6951\/revisions"}],"predecessor-version":[{"id":6981,"href":"https:\/\/cdscweb.fr\/chat-robaze\/wp-json\/wp\/v2\/posts\/6951\/revisions\/6981"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cdscweb.fr\/chat-robaze\/wp-json\/wp\/v2\/media\/6595"}],"wp:attachment":[{"href":"https:\/\/cdscweb.fr\/chat-robaze\/wp-json\/wp\/v2\/media?parent=6951"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cdscweb.fr\/chat-robaze\/wp-json\/wp\/v2\/categories?post=6951"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cdscweb.fr\/chat-robaze\/wp-json\/wp\/v2\/tags?post=6951"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}