Lien HTML

Les différents documents HTML du site sont reliés entre eux par des hyperliens pour former un site Internet cohérent. Les utilisateurs peuvent accéder à la page qu'ils souhaitent parcourir en cliquant sur le lien hypertexte. Par conséquent, les hyperliens peuvent être vus sur n’importe quel site Web et constituent l’élément central de la connexion des sites Web pour former un tout.

Disposition de l'ancre
Les hyperliens HTML sont déclenchés avec la balise <a> peut être un texte, un mot, une phrase, une image ou une forme. Lorsque la souris se déplace vers un support avec un point d'ancrage, la souris se transforme en une petite main, indiquant que l'utilisateur peut cliquer. Après que l'utilisateur ait cliqué sur le point d'ancrage, elle passera à l'adresse correspondant au href dans le <. ;une balise>.

Utilisation de l'attribut jump
Dans les liens HTML, utilisez l'attribut href pour créer un lien vers un autre document, généralement pour les sauts de page. Ceci est très courant et ne sera pas expliqué à nouveau.
Utilisez l'attribut name pour créer un signet à l'intérieur du document afin qu'un lien hypertexte puisse accéder à une certaine partie de la page dans le document. Par exemple : définissez <a name="dian1″></a> pour le placer au milieu de la page. Ensuite, définissez le point d'ancrage <a href=”#dian1″> au milieu de la page </a> La page défilera et passera au nom du signet. L'emplacement est au milieu de la page.

Syntaxe du lien HTML
Le code du lien HTML est très simple à utiliser. Par exemple :

<a href="url">Lien de texte d'ancrage</a>


l'attribut href est utilisé Pour définir la cible du saut, le texte entre la balise de début et la balise de fin est affiché sous forme de lien hypertexte.


L'attribut cible du lien HTML
L'attribut cible peut définir la méthode d'ouverture de la page après avoir cliqué sur le texte d'ancrage. Il existe quatre noms de cible réservés utilisés pour les opérations spéciales de redirection de documents :
_blank
Le navigateur charge toujours le document cible dans une fenêtre sans nom nouvellement ouverte.
_self
La valeur de cette cible est la cible par défaut pour toutes les balises <a> qui ne spécifient pas de cible, ce qui entraîne le chargement et l'affichage du document cible dans le même cadre. ou une fenêtre comme document source. Cette cible est redondante et inutile à moins qu'elle ne soit utilisée conjointement avec l'attribut target dans la balise <base>
_parent
Cette cible provoque le chargement du document dans la fenêtre parent ou le jeu de cadres contenant le cadre référencé par le lien hypertexte. Si cette référence se trouve dans une fenêtre ou dans un frame de niveau supérieur, elle équivaut à target _self.
_top
Cet objectif entraîne le chargement du document dans la fenêtre contenant le lien hypertexte. L'utilisation de l'objectif _top effacera tous les cadres contenus et chargera le document dans toute la fenêtre du navigateur. Généralement, il est utilisé pour cliquer sur le point d'ancrage dans le cadre iframe. Le lien cible est ouvert directement sur la page courante au lieu d'être chargé dans l'iframe.

Connexion HTML - Attribut id

L'attribut id peut être utilisé pour créer des balises de signet dans un 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 identifiant dans un document HTML :

<a id="tips">Section Conseils utiles</a>

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

<a href="#tips"> ;/a>

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

<a href= "http://www.php.cn/html/html-links.html#tips">
Visitez la section de conseils utiles</a>

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>
<a href="http://www.php.cn/" target="_blank">php中文网!</a>
<p>如果你将 target 属性设置为 &quot;_blank&quot;, 链接将在新窗口打开。</p>
</body>
</html>


Formation continue
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> </head> <body> <p>想跳出本页?</p> <a href="http://www.php.cn/" target="_top">请点击这里!</a> </body> </html>
soumettreRéinitialiser le code