Maison  >  Article  >  interface Web  >  Exemple de tutoriel sur les liens HTML

Exemple de tutoriel sur les liens HTML

零下一度
零下一度original
2017-06-24 13:50:481218parcourir

HTML utilise des hyperliens pour se connecter à un autre document sur le Web. Des liens peuvent être trouvés sur presque toutes les pages Web. Cliquez sur un lien pour passer d'une page à une autre.



Essayez-le - Exemple

Lien HTML
Comment créer un lien dans un document HTML.

(Plus d'exemples peuvent être trouvés au bas de cette page)


Lien hypertexte HTML (Lien)

HTML utilise la balise Lien hypertexte.

Un lien hypertexte peut être un mot, un mot, un groupe de mots ou une image. Vous pouvez cliquer sur ces contenus pour accéder à un nouveau document ou à une certaine partie du document actuel.

Lorsque vous déplacez le pointeur de la souris sur un lien sur la page Web, la flèche se transforme en une petite main.

L'attribut href est utilisé dans la balise pour décrire l'adresse du lien.

Par défaut, les liens apparaîtront dans le navigateur comme :

  • Un lien non visité apparaît en bleu et souligné.

  • Les liens visités apparaissent en violet et soulignés.

  • Lorsqu'un lien est cliqué, il apparaît en rouge et souligné.

Remarque : Si des styles CSS sont définis pour ces hyperliens, le style d'affichage sera affiché en fonction des paramètres CSS.


Syntaxe du lien HTML

Le code HTML du lien est très simple. Cela ressemble à ceci : 

L'attribut href décrit la cible du lien. .

Exemple

La ligne de code ci-dessus s'affiche comme : Visitez le didacticiel Rookie

Cliquer sur cet hyperlien amènera l'utilisateur à la page d'accueil du didacticiel Rookie.

Conseil : "Texte du lien" ne doit pas nécessairement être du texte. Les images ou autres éléments HTML peuvent devenir des liens.


Liens HTML - attribut cible

À l'aide de l'attribut cible, vous pouvez définir où le document lié sera affiché.

La ligne suivante ouvrira le document dans une nouvelle fenêtre :

Exemple

<a href="" target="_blank">Visite Tutoriel Noob !a>

Essayez»


Liens HTML - Attribut id

L'attribut id peut être utilisé pour créer des balises de signet dans un document HTML.

Astuce : Les signets ne sont pas affichés de manière particulière et ne sont pas affichés dans les documents HTML, ils sont donc cachés aux lecteurs.

Exemple

Insérer un identifiant dans un document HTML :

Créez un lien vers la "Section Conseils utiles (id="tips")" dans le document HTML :

Vous pouvez également créer un lien vers la "Section Conseils utiles (id="tips")" à partir d'une autre page :


Notes de base - Conseils utiles

Remarque : Ajoutez toujours des barres obliques aux sous-dossiers. Si vous écrivez le lien comme ceci : href="http://www.runoob.com/html", deux requêtes HTTP seront générées vers le serveur. En effet, le serveur ajoutera une barre oblique à l'adresse, puis créera une nouvelle requête, comme celle-ci : href="http://www.runoob.com/html/".



Plus d'exemples

Lien image
Comment utiliser le lien image.

Lien vers l'emplacement spécifié sur la page actuelle
Comment utiliser les favoris

Rebondir hors du cadre
Cet exemple montre comment sortir du cadre, en supposant que votre page est fixé dans le cadre.

Créer un lien vers un e-mail
Cet exemple montre comment créer un lien vers un e-mail. (Cet exemple ne peut fonctionner qu'après l'installation d'un programme client de messagerie.)

Créer un lien de courrier électronique 2
Cet exemple montre un lien de courrier électronique plus complexe.


Balise de lien HTML


标签 描述
定义一个超级链接

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn