Comment faire pour créer un lien internet ?

57

Qu’est-ce qu’un lien hypertexte ?

Lorsque vous voyez un mot ou un groupe de mots soulignés sur une page Web, cela signifie généralement qu’ils sont cliquables et mènent à quelque chose.

A lire également : Comment positionner un nouveau produit ?

Par exemple, un article, un site Web, un fichier à télécharger, une image…

J’explique tout en détail dans la vidéo ci-dessous.

A découvrir également : Comment créer un lien pour un questionnaire ?

Liens :

  • 1 heure de formation Web GRATUIT
  • Télécharger Filezilla

Lien hypertexte interne ou externe

distinction doit déjà être faite entre un lien hypertexte interne et un lien hypertexte externe.

Les liens INTERNES vous dirigent vers une page ou un contenu appartenant au site Web sur lequel vous vous trouvez.

Par exemple, vous vous trouvez sur la page A d’un site Web, et sur cette page un lien vous redirigera vers une page B du même site.

Tandis que les liens EXTERNES vous dirigent vers une page ou vers le contenu d’un autre site Web.

Si vous vous trouvez sur la page d’un site A, le lien vous amène à une page ou au contenu d’un site B.

Vous avez peut-être remarqué que le fait de cliquer sur un lien ouvre parfois un nouvel onglet de votre navigateur qui affiche le contenu.

C’est parce que la personne qui a créé ce lien l’a volontairement configuré de cette façon.

Et nous verrons comment vous pouvez le faire plus tard.

Mais commençons par les bases : Comment créer un lien hypertexte ?

Il existe deux manières de procéder : Vous pouvez le faire en HTML, qui est la langue Internet que votre navigateur peut interpréter.

Oui, c’est un tout petit bout de code, mais c’est si simple que vous pouvez apprendre à le faire, même si vous Je ne sais rien à ce sujet !

Une Et la deuxième façon de créer un lien hypertexte est encore plus simple si vous utilisez un CMS tel que WordPress.

1- Créer un lien hypertexte en HTML

Vous savez peut-être qu’il s’agit d’un langage qui fonctionne avec des balises.

Fondamentalement, le principe est que quelque chose, comme le texte, hérite des propriétés inhérentes de ces balises entre deux balises HTML.

Pour créer un lien hypertexte en HTML, il suffit de pouvoir intervenir dans le code HTML d’une page de votre site Web.

Cela peut être fait avec 2 logiciels gratuits comme le Bloc-notes sur PC pour éditer le contenu de la page HTML et Filezilla pour ensuite le publier sur votre site Web.

Si j’écris le texte « HELLO » sans la moindre balise, cela ressemble à ceci :

Bonjour

Et si je veux l’écrire en italique, est-ce que je mets ce mot entre les balises et ainsi de suite :

Le mot apparaît maintenant en italique :

coucou coucou

Pour créer un lien, c’est pareil, mais avec la seule balise Sauf cela

, il ne suffit pas de créer un lien.

Pour ce faire, vous devez lui attribuer une adresse de référence à l’aide de l’instruction « href » afin que le lien aille quelque part, comme ici avec le site Wikipédia :

salut. Le mot « coucou » entre les balises devient ainsi un lien hypertexte vers le site Wikipedia.org.

Supposons maintenant que vous souhaitez placer le site Web dans un nouvel onglet. Pourquoi ? Parce que vous souhaitez peut-être que votre visiteur puisse visiter le lien que vous proposez sans quitter votre propre site Web. Cela peut être particulièrement utile si le lien suggéré est un lien EXTERNE et mène donc à un site Web différent du vôtre.

Dans ce cas, vous ajoutez simplement une instruction cible « cible » à la balise, où BLANK signifie « nouvel onglet », et elle est écrite comme suit :

Dans ce cas, le lien mène au site Wikipédia, mais dans un nouvel onglet de navigateur

, et bien entendu l’adresse peut être celle d’une page d’un site Web différente de la page d’accueil.

salut. Dans ce cas, il vous suffit de spécifier le chemin d’accès complet à cette page :

Ainsi, le lien pointe directement vers la page Wikipédia « vache », sans la BOX HOME DU SITE WEB.

Et si vous voulez que le lien pointe vers un contenu plutôt qu’une page Web, ce n’est pas plus compliqué que cela.

Par exemple, disons que je souhaite que mon texte pointe vers une image, je tape : Cliquez ici pour voir ma photo.

salut. Nous allons remplacer l’adresse du site que j’ai entré précédemment par le chemin qui mène au fichier, à Par exemple :

Cliquez ici pour voir ma photo

Bien entendu, cela signifie que vous avez placé votre fichier au bon endroit sur votre site Web.

Dans mon cas, le fichier singe.jpg se trouve dans le dossier Demo de mon site.

Si je souhaite autoriser l’accès au téléchargement d’un fichier PDF, je définis le lien vers le fichier en question comme suit :

Cliquez ici pour télécharger mon manuel Le fichier PDF s’affiche dans le navigateur et pour le télécharger, il suffit de cliquer sur la petite icône correspondante en haut à droite :

Et s’il s’agit d’un fichier compressé, par exemple a.zip, qui contient un certain nombre de fichiers, la méthode est la même :

Cliquez ici pour télécharger mon ZIP Dans ce cas, le navigateur sera téléchargé automatiquement car le navigateur ne peut pas afficher le contenu de ce type de fichier :

2- Créez un lien hypertexte sur

Lorsque vous utilisez un CMS tel que WordPress, la création de liens hypertexte est encore plus facile.

Ici, je suis en train d’éditer un article d’un blog qui a été conçu sous WordPress.

WordPress Vous pouvez constater que l’interface est très similaire à celle d’un traitement de texte :

J’ai écrit ici 5 phrases :

Cliquez pour aller sur Wikipedia Cliquez pour accéder à mon autre article Cliquez pour voir ma photo Cliquez pour télécharger mon PDF Cliquez pour télécharger mon fichier zippé

Pour attribuer un lien, je sélectionne mon impression. Je clique ensuite sur la petite chaîne qui symbolise le lien. Dans l’affichage , je saisis l’adresse Internet de Wikipédia et je la confirme. Hop, mon lien est créé.

Et si je veux que le lien s’ouvre dans un nouvel onglet, je clique sur la petite roue…

… et je coche « Ouvrir dans un nouvel onglet ». C’est aussi simple que cela !

Pour ensuite créer un lien vers un autre article de mon site Web, WordPress les répertorie, ce qui simplifie les choses. Je sélectionne et clique sur Valider.

Pour afficher une image, je sélectionne ma phrase, j’écris le chemin qui mène à l’image et je confirme.

Pour télécharger un PDF, la même chose :

Il en va de même pour le téléchargement de a.ZIP :

Vous voyez, ce n’est pas très compliqué, surtout lorsque vous Utilisez WordPress !

Partagez cet article avec vos amis !