Exemples de code HTML : explication détaillée de la production de pages hyperlinks_HTML/Xhtml_web

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






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






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






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






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