Table des matières:
Vidéo: Liens Internet - Comment créer un lien hypertexte HTML 2025
Liens de lien, ces objets cliquables qui font le web ce qu'elle est, sont définis avec l'élément HTML. Nous complétons notre enquête sur les balises HTML les plus essentielles avec un examen de ce lien essentiel dans la conception de pages Web.
L'attribut le plus important de tout élément est l'attribut href, qui définit la destination du lien. Mais les éléments doivent également inclure un certain contenu - par exemple, du texte - qui s'affiche dans un navigateur et permet au lien de fonctionner. Par exemple, le code HTML suivant affiche Recherche Google et des liens vers www. Google. com:
Recherche Google
Notez que tout le lien, y compris le texte affiché, est inclus dans et tags. Cependant, il y a aussi une fermeture> après le lien réel et avant le texte affiché.
Les liens peuvent avoir des cibles définies, comme le paramètre "vide" utilisé pour ouvrir un lien dans une nouvelle fenêtre de navigateur. Pour éditer l'exemple précédent à ouvrir dans une nouvelle fenêtre de navigateur, vous utiliserez ce code:
Recherche Google
Liens absolus et relatifs
Liens peuvent être absolu ou relatif:
-
Liens absolus, comme celui dans les exemples précédents, sont définis par // au début et l'URL complète pour la lien.
-
Les liens relatifs sont utilisés sur un site Web. Ainsi, par exemple, si vous établissiez un lien vers une page appelée about_us. html, vous pouvez utiliser
Visitez ma page À propos de nous!
Cependant, le code précédent ne fonctionnerait que si le about_us. La page html est dans le même dossier que la page à partir de laquelle elle a été liée.
Vous pouvez également définir des liens relatifs plus complexes, en utilisant / pour tracer un chemin vers le dossier avec le lien. Par exemple, pour créer un lien vers un fichier appelé diaporama. html dans un sous-dossier (par rapport à la page d'origine) nommé présentations, vous utiliserez ce code:
Visitez ma page de diaporama!
Comment liens regarder
Lorsque vous construisez une feuille de style pour votre site, vous définissez la façon dont les liens apparaissent dans différents états: unvisited, visité, actif (en cours d'ouverture), ou a plané (plané au-dessus d'une souris le curseur). Par défaut, tant que vous n'avez pas créé de feuille de style, les liens apparaissent comme suit dans tous les navigateurs:
-
Les liens non vus sont soulignés et bleus.
-
Les liens visités sont soulignés et violets.
-
Les liens actifs sont soulignés et rouges.
Il n'y a pas d'état de survol par défaut. Et jusqu'à ce que vous en créiez un dans une feuille de style, les liens pointés ne changent pas d'apparence.
