Skip to content
✨ Les cours suivant sont disponible : Html, Css, React, Algorithme ✨
cours
✨ Html
3.0 Liens et hyperliens
3.3 Création de liens internes et externes

Création de liens internes et externes

Lorsque vous utilisez la balise <a> en HTML, vous pouvez créer des liens hypertexte vers des ressources externes ou des parties spécifiques de la même page, ce qui permet aux utilisateurs de naviguer facilement entre les différentes sections de votre site web.

Liens externes

Les liens externes sont utilisés pour rediriger les utilisateurs vers d'autres pages web situées en dehors de votre site. Pour créer un lien externe, vous devez spécifier l'URL complète de la page de destination dans l'attribut href. Voici un exemple :

<a href="https://www.example.com">Lien externe vers Example</a>

Lorsque les utilisateurs cliquent sur ce lien, ils seront redirigés vers la page "https://www.example.com (opens in a new tab)".

Liens internes

Les liens internes sont utilisés pour permettre aux utilisateurs de se déplacer vers des parties spécifiques de la même page. Pour créer un lien interne, vous devez utiliser des ancres en ajoutant un attribut id à l'élément cible et en utilisant cette valeur comme référence dans l'attribut href. Voici un exemple :

<a href="#section2">Aller à la section 2</a>
 
...
 
<h2 id="section2">Section 2</h2>
<p>Ceci est la section 2 de la page.</p>

Dans cet exemple, lorsque les utilisateurs cliquent sur le lien "Aller à la section 2", ils seront automatiquement déplacés vers la section de la page ayant l'identifiant "section2".

Liens vers des fichiers

La balise <a> peut également être utilisée pour créer des liens vers des fichiers, tels que des documents PDF, des fichiers image, des fichiers audio, etc. Pour cela, vous devez spécifier l'URL du fichier dans l'attribut href. Voici un exemple :

<a href="documents/document.pdf">Lien vers un fichier PDF</a>

Dans cet exemple, lorsque les utilisateurs cliquent sur ce lien, ils pourront télécharger le fichier PDF.

Téléchargement de fichiers

Si vous souhaitez forcer le téléchargement d'un fichier plutôt que de l'ouvrir dans le navigateur, vous pouvez utiliser l'attribut download. Cet attribut indique au navigateur de télécharger le fichier au lieu de le traiter comme une page web. Voici un exemple :

<a href="documents/document.pdf" download>Télécharger le fichier PDF</a>

Lorsque les utilisateurs cliquent sur ce lien, le fichier PDF sera téléchargé sur leur appareil.

Conclusion

La création de liens internes et externes est essentielle pour permettre aux utilisateurs de naviguer efficacement à travers votre site web. En utilisant la balise <a> et l'attribut href, vous pouvez créer des liens hypertexte vers des ressources externes, des parties spécifiques de la même page ou des fichiers.

Veillez à utiliser des URLs valides et à fournir des descriptions claires pour vos liens afin d'orienter les utilisateurs. L'utilisation appropriée de liens internes et externes améliore l'expérience de navigation et la convivialité de votre site web. L'ajout de l'attribut download permet également aux utilisateurs de télécharger facilement des fichiers depuis votre site.

Continuez à pratiquer et à expérimenter pour maîtriser cette fonctionnalité clé d'HTML.