Comment créer des hyperliens avec HTML5

category Ordinateurs et logiciels / Programmation / Html

Les liens hypertextes, ou simplement liens, connectez pages HTML et d'autres ressources sur le web. Lorsque vous incluez un lien sur votre page, vous activez les visiteurs de voyager à partir de votre page à l'autre site, une autre page de votre site, ou même un autre endroit sur la même page.

Sans liens, une page se tient seul, déconnecté du reste de la bande. Avec des liens, cette page devient une partie de la collection presque illimitée de l'information qui est le World Wide Web.

Pour créer un lien, vous avez besoin

  • Une adresse Web (appelé Uniform Resource Locator- URL) du site Web ou fichier qui est votre cible du lien. Cela commence généralement avec http: //.

  • Certaines parties du texte dans votre page Web pour étiqueter ou de décrire le lien. Assurez-vous que le texte que vous utilisez dit quelque chose d'utile à propos de la ressource liée.




  • Elément d'ancrage () Avec un attribut href pour tout mettre ensemble. L'élément de créer des liens est appelé un élément d'ancrage parce que vous l'utilisez pour ancrer une URL à un texte sur votre page.

    Lorsque les utilisateurs visualisent votre page dans un navigateur, ils peuvent cliquer sur le texte pour activer le lien et visitez la page dont l'URL que vous avez spécifié dans ce lien. Vous insérez l'URL complète dans le href attribuer à dire le lien où aller.

Vous pouvez penser à la structure d'un lien de base comme un cheeseburger (ou votre remplaçant végétalien préféré). L'URL est la galette, le texte du lien est le fromage, et les balises d'ancrage sont les petits pains. Tasty, oui?

Par exemple, si vous avez une page Web qui décrit les normes HTML, vous pouvez vous référer aux internautes de Consortium World Wide Web (W3C) - l'organisation qui régit toutes les choses liées aux standards HTML. Un simple lien vers le site Web du W3C ressemble à ceci:

Le Consortium World Wide Web est thestandards organisme qui supervise le développement continu des HTMLspecifications et le WHATWG aide avec HTML5.

Vous indiquez le lien URL (http://w3.org) Dans le point d'ancrage de l'élément href attribuer. Le texte (World Wide Web Consortium) Entre ouverture et de fermeture des balises de l'élément d'ancrage ( et ) Décrit le lien.

La figure montre comment un navigateur affiche ce peu de balisage.

image0.jpg

Vous pouvez également ancrer URL vers des images afin que les utilisateurs peuvent cliquer sur une image pour activer un lien.

Articles Similaires

A propos Auteur
Comment lier dans la même page avec HTML5 Comment lier dans la même page avec HTML5

Les liens peuvent aider les utilisateurs à naviguer dans une page web unique. Endroits dans les pages Web peuvent être marqués pour un accès direct par des liens sur la même page. Hyperliens Intradocument comprennent des fonctionnalités…

Comment faire des listes de liens pour HTML5 et CSS3 programmation Comment faire des listes de liens pour HTML5 et CSS3 programmation

Beaucoup de pages Web se révèlent être des listes de liens en HTML5 et CSS3 programmation. Parce que les listes et les liens vont si bien ensemble, il est bon de regarder un exemple. Notez cette liste de liens vers des livres écrits par un…

Comment ouvrir les liens dans de nouvelles fenêtres ou onglets avec HTML5 Comment ouvrir les liens dans de nouvelles fenêtres ou onglets avec HTML5

Le web fonctionne parce que vous pouvez lier des pages de votre site vers des pages sur les sites d'autres personnes en utilisant un élément d'ancrage simple. Lorsque vous lien vers le site de quelqu'un d'autre, cependant, vous envoyez les…

Comment utiliser les pseudo-classes à des liens de style pour HTML5 et CSS3 programmation Comment utiliser les pseudo-classes à des liens de style pour HTML5 et CSS3 programmation

Une fois que vous avez un peu de style allant dans vos pages web HTML5 et CSS3, vous pouvez être un peu préoccupé par la façon dont les liens sont laides. Les styles de lien par défaut sont utiles, mais ils peuvent ne pas correspondre à votre…

La différence entre le world wide web et l'Internet La différence entre le world wide web et l'Internet

Les gens parlent maintenant de la Toile plus ils parlent du Internet. Le World Wide Web et de l'Internet ne sont pas la même chose - le World Wide Web (que nous appelons le Web parce que nous sommes paresseux dactylographes) vit "au-dessus de"…

Comment créer des liens externes de pages web dans le bloc-notes Comment créer des liens externes de pages web dans le bloc-notes

Si vous construisez un lien hypertexte vers une page Web externe dans le Bloc-notes, vous devriez savoir qu'il est construit un peu comme un iceberg: Il a une partie visible (le texte du lien, qui apparaît comme le bleu, le texte souligné par…

Comment créer des liens de navigation dans vos e-mails de marketing Comment créer des liens de navigation dans vos e-mails de marketing

Y compris les liens de navigation dans vos e-mails marketing peuvent économiser votre temps d'audience et les diriger vers exactement où vous voulez qu'ils soient. Créer des liens comme une table des matières ou de prendre votre auditoire à des…

Comment identifier les liens de paternité à votre page de marketing google + Comment identifier les liens de paternité à votre page de marketing google +

La façon de faire un lien vers un profil Google+ est d'utiliser un attribut spécial sur vos liens HTML (le tag) qui indique à Google que le texte actuellement liée est d'identifier qui est l'auteur de la poste est et ramène l'utilisateur au…

Codant pour seo: absolue par rapport liaison rapport Codant pour seo: absolue par rapport liaison rapport

Comment le code est une partie importante de la SEO. Dans le code HTML d'une page web, vous avez deux façons d'inclure un lien: les liens relatifs et des liens absolus. Un lien absolu est un lien qui contient l'ensemble URL du fichier que vous…

Comment solliciter un lien payé d'un autre site web Comment solliciter un lien payé d'un autre site web

Si vous ne pouvez pas obtenir un backlink gratuit depuis un autre site Web, vous voudrez peut-être de les approcher sur la publicité directe sur leur site. Dans ce cas, vous devez déterminer un prix qui est non seulement acceptable pour vous,…

Structure du code Html Structure du code Html

Tout ce que vous voyez sur une page web est maintenu en place par un langage de mise en page appelé HTML (HyperTposte Markup Language). Depuis le temps que le HTML a été introduit, il a évolué à partir d'un moyen simple d'afficher et de…

Comment insérer des liens hypertexte dans wordpress avec html Comment insérer des liens hypertexte dans wordpress avec html

Vous voudrez probablement pour insérer un lien dans le corps d'un site WordPress - communément appelé un hyperlien, qui est une ligne de texte qui est ancré dans une adresse Web (URL) de sorte que le texte prend en cliquant sur un visiteur à un…

Comment ajouter des liens dans e-mails marketing Comment ajouter des liens dans e-mails marketing

Les liens de texte dans le marketing web e-mails sont des mots cliquables ou des phrases qui se traduisent par certaines actions lorsque vous cliquez dessus. Liens utilisent HTML pour dire à l'ordinateur ce qu'il faut faire quand quelqu'un clique…

Comment ajouter des liens de navigation à vos e-mails marketing Comment ajouter des liens de navigation à vos e-mails marketing

Liens de navigation en web marketing par e-mails sont des liens HTML qui permettent à votre public pour sauter à des ancres visuelles dans le corps de votre e-mail. Si vos e-mails ont un ou plusieurs titres ou organismes de contenu que votre…

» » » » Comment créer des hyperliens avec HTML5