Explication détaillée du didacticiel sur les liens HTML

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)

Hyperliens HTML (Liens)

HTML utilise la balise

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 suit :

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

Visité Le lien est affiché en violet et souligné

Lorsque l'on clique sur le lien, le lien s'affiche en rouge et souligné

Syntaxe du lien HTML

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

<a href="url">Link text</a>

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

Exemple

<a href="www.php.cn/">Visit W3CSchool</a>

La ligne de code ci-dessus affiche : : Visitez W3CSchool

Cliquer sur cet hyperlien amènera l'utilisateur à la page d'accueil de W3CSchool.

Conseil : « Texte du lien » ne doit pas nécessairement être du texte. Des Images ou d'autres éléments HTML peuvent devenir des liens.

Liens HTML - attribut cible

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

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

Exemple

<a href="www.php.cn/" target="_blank">Visit W3CSchool!</a>

Connexion HTML - Attribut id

L'attribut id peut être utilisé pour créer une balise de signet de document HTML.

Conseil : 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 masqués aux lecteurs.

Exemple

Insérer un ID dans un document HTML :

<a id="tips">Useful Tips Section</a>

Créer un lien dans un document HTML vers "Section de conseils utiles (id="tips")" :

<a href="#tips">Visit the Useful Tips Section</a>

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

<a href="www.php.cn/html_links.htm#tips">
Visit the Useful Tips Section</a>

Notes de base - Conseils utiles

Remarque : Remarque : ajoutez toujours des barres obliques aux sous-dossiers. Si vous écrivez un lien comme celui-ci : href=www.php.cn/html", cela générera deux requêtes HTTP au serveur. En effet, le serveur ajoutera une barre oblique à l'adresse puis créera une nouvelle requête, comme ceci : href="www.php.cn/html/".

【Recommandations associées】

1 Recommandation spéciale :Téléchargement de la version V0.1 de "php Programmer Toolbox"

2 Tutoriel vidéo HTML en ligne gratuit

3. Vidéo html5 originale php.cnTutoriel

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!