L'hyperlien est un élément HTML fréquemment utilisé dans les sites Web, car diverses pages du site Web sont reliées par des hyperliens et les hyperliens complètent le saut entre les pages. Les hyperliens sont le principal moyen d'interaction entre les navigateurs et les serveurs, et nous en apprendrons progressivement plus sur eux dans les technologies suivantes.
Lien hypertexte
L'hyperlien est un élément HTML fréquemment utilisé dans les sites Web, car différentes pages du site Web sont reliées par des hyperliens et les hyperliens complètent le saut entre les pages. Les hyperliens sont le principal moyen d'interaction entre les navigateurs et les serveurs, et nous en apprendrons progressivement plus sur eux dans les technologies suivantes.
— Remarque : les images peuvent également être utilisées comme liens. Vous en apprendrez davantage à leur sujet dans le prochain chapitre "Images dans les pages Web".
4.5.1 Ajouter des liens vers du texte
La balise
hyperlien est
L'ajout d'un lien hypertexte au texte est similaire aux autres balises de modification. Le texte après l'ajout du lien a son propre style spécial pour le distinguer des autres textes. Le style de lien par défaut est le texte bleu et souligné. Un lien hypertexte renvoie vers une autre page. La balise
a un attribut href chargé de spécifier l'adresse de la nouvelle page. L'adresse spécifiée par href utilise généralement une adresse relative.
— Remarque : dans le développement de sites Web, les adresses relatives des documents sont plus couramment utilisées.
Créez un fichier de page Web dans le répertoire D:web, nommez-le a.htm et écrivez le code comme indiqué dans le code 4.18.
Code 4.18 Paramètres des liens hypertexte : a.htm
Paramètres des liens hypertextes
Entrez dans la page des paramètres de la liste
Entrez http://localhost/a.htm dans la barre d'adresse du navigateur et l'effet de navigation est tel qu'illustré dans la figure 4.19.
Figure 4.19 Paramètres du lien hypertexte
Les lecteurs peuvent voir le style par défaut des hyperliens dans la figure 4.19. Lorsqu'ils cliquent sur le lien sur la page, la page passe à la page ul_ol.htm dans le même répertoire, qui est la page de configuration de la liste dans la section précédente. Lorsque vous cliquez sur le bouton « Retour » du navigateur et revenez à la page a.htm, la couleur du lien texte devient violette pour indiquer au spectateur que ce lien a été visité.
4.5.2 Modifier la méthode d'ouverture de la fenêtre du lien
Par défaut, les hyperliens ouvrent de nouvelles pages en s'écrasant. Selon les différents besoins du navigateur, les lecteurs peuvent spécifier d'autres manières d'ouvrir de nouvelles fenêtres pour les hyperliens. La balise hyperlink fournit l'attribut cible à définir. Les valeurs sont _self (auto-écrasement, par défaut), _blank (créer une nouvelle fenêtre pour ouvrir une nouvelle page), _top (ouvrir dans toute la fenêtre du navigateur, tout le cadre. les structures seront ignorées) ), _parent (ouvert dans la fenêtre précédente).
— Remarque : les méthodes _top et _parent sont utilisées pour les pages de cadre et seront expliquées en détail dans les chapitres suivants.
4.5.3 Ajouter un texte d'invite au lien
Dans de nombreux cas, le texte du lien hypertexte ne suffit pas à décrire le contenu à lier. La balise hyperlink fournit l'attribut title pour donner facilement des invites au spectateur. La valeur de l'attribut title correspond au contenu de l'invite. Lorsque le curseur du spectateur reste sur le lien hypertexte, le contenu de l'invite apparaîtra. Cela n'affectera pas la netteté de la mise en page. Modifiez le fichier de page Web a.htm et écrivez le code comme indiqué dans le code 4.19.
Code 4.19 Paramètres des liens hypertexte : a.htm
Paramètres des liens hypertextes
Entrez dans la page des paramètres de la liste
Entrez http://localhost/a.htm dans la barre d'adresse du navigateur et l'effet de navigation est tel qu'illustré dans la figure 4.20.
Figure 4.20 Texte d'invite du lien hypertexte
4.5.4 Qu'est-ce qu'une ancre
De nombreux articles Web ont beaucoup de contenu, ce qui entraîne des pages très longues, et les internautes doivent constamment faire glisser la barre de défilement du navigateur pour trouver le contenu dont ils ont besoin. La fonction d'ancre du lien hypertexte peut résoudre ce problème. L'ancre est dérivée de l'ancre du navire, une fois l'ancre jetée, le navire ne dérivera pas ou ne se perdra pas facilement. En fait, les ancres sont utilisées pour accéder à différents emplacements au sein d’une même page. Certains endroits sont appelés signets.
L'attribut name de la balise hyperlien est utilisé pour définir le nom de l'ancre. Une page peut définir plusieurs ancres. L'attribut href de l'hyperlien peut accéder à l'ancre correspondante en fonction du nom. Créez un fichier de page Web dans le répertoire D:web, nommez-le a_anchor.htm et écrivez le code comme indiqué dans le code 4.20.
Code 4.20 Ancre de lien hypertexte : a_anchor.htm
Paramètres des liens hypertextes
Voici l'ancre en haut
Le 1er
Le 2ème
3ème mandat
Le 4
Le 5
Le 6
Présidents des États-Unis
Quantity1er mandat (1789-1797)C'est l'ancre du 1er mandat
Nom : George Washington
George Washington
Naissance et décès : 1732-1799
Parti politique :: Fédération
Quantity2ème mandat (1797-1801)C'est l'ancre du 2ème mandat
Nom : John Adams
John Adams
Naissance et décès : 1735-1826
Parti politique :: Fédération
Quantity3ème mandat (1801-1809)C'est l'ancre du 3ème mandat
Nom : Thomas Jefferson
Thomas Jefferson
Naissance et décès : 1743-1826
Parti politique : Parti communiste chinois
●Le 4 (1809-1817)C'est l'ancre du 4
Nom : James Madison
James Madison
Naissance et décès : 1751-1836
Parti politique : Parti communiste chinois
●Le 5 (1817-1825)C'est l'ancre du 5
Nom : James Monroe
James Monroe
Naissance et décès : 1758-1831
Parti politique : Parti communiste chinois
l>
Avant de tester, les lecteurs peuvent voir à partir du Code 4.20 que la balise
est également utilisée pour définir les ancres, et le nom de l'ancre est défini avec l'attribut name (le nom n'est pas limité et peut être personnalisé ). Lorsque vous recherchez des liens d'ancrage, utilisez l'attribut href pour spécifier le nom correspondant et ajoutez un symbole # devant le nom. Entrez http://localhost/a_anchor.htm dans la barre d'adresse du navigateur et l'effet de navigation est celui illustré dans la figure 4.21.
Figure 4.21 Ancre de lien hypertexte
Lorsque le spectateur clique sur le lien hypertexte, la page défile automatiquement jusqu'à la position d'ancrage du nom de la valeur de l'attribut href.
— Remarque : La balise
qui définit l'ancre n'a pas forcément besoin d'un contenu spécifique, c'est juste un positionnement.
4.5.5 Liens email, FTP et Telnet
Les hyperliens peuvent également étendre davantage les fonctions des pages Web. Les plus couramment utilisés sont les connexions par courrier électronique, FTP et Telnet. Pour compléter les fonctions ci-dessus, il vous suffit de modifier la valeur href du lien hypertexte. Le format de rédaction des emails est :
Envoyez-moi un email
L'adresse e-mail doit être complète, par exemple intel@qq.com.
Comme mentionné précédemment, le protocole http est utilisé pour naviguer sur le Web et le serveur FTP est connecté via le protocole FTP. Le format du lien est le suivant :
Texte du lien
La différence entre le lien du serveur FTP et le lien de la page web réside dans les protocoles utilisés. FTP nécessite une autorisation de connexion de la part de l'administrateur du serveur. Cependant, certains serveurs FTP sont accessibles de manière anonyme et certains fichiers publics peuvent être obtenus. De même, une méthode similaire est utilisée pour se connecter au serveur en utilisant le protocole Telnet, avec le format suivant :
Texte du lien
Le protocole telnet est rarement utilisé, et le protocole http est majoritairement utilisé. Créez un fichier de page Web dans le répertoire D:web, nommez-le mail.htm et écrivez le code comme indiqué dans le code 4.21.
Code 4.21 Autres paramètres pour les hyperliens : mail.htm
Autres paramètres pour les hyperliens
Envoyez-moi un email
Connectez-vous au serveur FTP
Connectez-vous au serveur Telnet
s
Entrez http://localhost/mail.htm dans la barre d'adresse du navigateur et l'effet de navigation est tel qu'illustré dans la figure 4.22.
Figure 4.22 Autres paramètres des hyperliens