Les novices apprennent d'anciennes connaissances (3) Tutoriel HTML pour faire bon usage des balises de lien hypertexte

La marque de lien hypertexte représente un point de lien, qui est l'abréviation de l'ancre anglaise. Sa fonction est de relier le texte ou les images à l'emplacement actuel à d'autres pages, textes ou images. Ceci est bien connu, mais sa structure grammaticale est peut-être un peu inconnue, et pour l'utiliser efficacement, vous devez comprendre sa structure grammaticale. La structure syntaxique de base de la balise est :

class=type
id=value
href=reference
name=value
rel=same|next|parent|previous
rev =value
target=window
style=value
title=title
onclick=function
onmouseout=function
onMouseOver=function>Connection

Depuis le syntaxe du balisage La structure montre qu'il existe de nombreux paramètres parmi lesquels choisir lors de la définition d'un lien hypertexte pour obtenir différents effets de lien. Est-ce un peu inattendu ? !

Les options class et id : utilisées pour définir le type de point de liaison et le numéro d'identification attribué, généralement non défini. Les deux paramètres les plus couramment utilisés sont href et name. href est l'abréviation de référence hypertexte, qui est utilisée pour définir l'adresse du lien. L'adresse du lien doit être une adresse URL. Si aucun chemin spécifique n'est indiqué, le chemin par défaut sera le même que le chemin de la page actuelle. Les fichiers liés sont également répartis en plusieurs situations : s'il s'agit d'un fichier HTML, il sera ouvert directement dans le navigateur actuel ; s'il s'agit d'un fichier exécutable (fichier .exe), il sera directement exécuté ou téléchargé. que nous proposons en téléchargement est utilisée. Cette fonctionnalité est utilisée ; s'il s'agit d'un fichier texte tel qu'un fichier au format Word, le fichier sera ouvert dans le navigateur et pourra être modifié et traité.

rel : Indique la définition de la relation de lien : rel=same indique que le fichier à lier est le même que ce fichier, rel=next indique que le fichier à lier est la page suivante, rel=parent indique que ce fichier doit être lié Le fichier parent du fichier, rel=previous signifie que le fichier à lier est la page précédente.

rev : utilisé pour définir des liens inverses.

Target : définit la fenêtre vers laquelle créer un lien lors de l'utilisation d'une fenêtre frame, et target="_bank" signifie ouvrir une nouvelle fenêtre pour ouvrir la page Web.

Titre : permet de définir le titre affiché lorsque le point de lien est sélectionné.

onclick : Correspond à un événement Lorsque le point de lien est cliqué, cet événement sera déclenché et le sous-programme correspondant sera exécuté.

onmouseover : Semblable à onclick, l'événement correspondant est déclenché lorsque la souris passe sur le point de lien.

onmouseout : L'événement correspondant est déclenché après que la souris quitte le contact de la ville.

Pour donner quelques exemples :

Retour à la page d'accueil
Lire le fichier vocal
Exécuter le programme correspondant
Ouvrir le document correspondant pour traitement

Compétences d'application

1. Fournir des fichiers de téléchargement

De nombreux internautes ont écrit pour demander comment fournir l'effet de téléchargement. En fait, il s'agit toujours d'un lien hypertexte, mais le fichier à télécharger doit être téléchargé sur le site Web. Par exemple : Il existe un package de fichiers "Web Page Skills" à télécharger. Le nom du fichier est "homepagejq.zip" et a été téléchargé sur le site Web. Le code de ce lien peut être écrit comme ceci : Cliquez ici pour télécharger le ". Package de fichiers "Compétences en matière de pages Web".

2. Ouvrez la page Web liée dans une nouvelle fenêtre

Définissez la valeur de "target" sur "_blank". Exemple : Ouvrez la page Web "aboutme.htm" dans une nouvelle fenêtre. Le code qui produit cet effet est : À propos de moi….

3. Déplacez la souris sur le lien et affichez une ligne de texte de description

Réglez la valeur du paramètre "titre" pour obtenir cet effet. Exemple : Lorsque la souris passe sur le lien « Huangshan Villager », la description « Ceci est un site Web professionnel présentant des compétences » s'affiche. Le code de ce lien est le suivant : Huangshan Villager.

4. Déplacez la souris sur un lien et une fenêtre apparaîtra

C'est l'effet obtenu en définissant le paramètre onmouseover. Exemple : lorsque la souris survole un lien, une fenêtre apparaît et affiche "Démonstration de l'effet de survol de la souris dans la fenêtre !". Le code de ce lien est le suivant : lien. Une méthode similaire peut être utilisée pour créer l'effet d'une fenêtre d'invite apparaissant lorsque la souris est enfoncée et d'une fenêtre d'invite apparaissant lorsque la souris est laissée.

5. Lien vers le contenu spécifié de cette page

Pour obtenir un lien vers une certaine partie du contenu de cette page (c'est-à-dire "sauter dans le fichier"), vous devez utilisez le nom du paramètre pour spécifier le nom du point de liaison. Sélectionnez un morceau de texte et nommez-le avec le paramètre name pour le lien. Ce que l'on appelle le saut dans le même fichier signifie que lorsqu'un lecteur lit un fichier très long, s'il n'est intéressé que par une certaine partie du contenu, il peut utiliser une méthode de lecture sautée. Le format de base est :

Le contenu de la première partie de la deuxième partie...
....................... .............
Le contenu réel de la deuxième partie......
............ ...... ..................

De cette façon, lorsque vous cliquerez sur le lien hypertexte "Partie 2", Il sera automatiquement transféré vers la "Deuxième Partie Actual Lieu "Contenu". Le nom du point de lien défini par le paramètre "name" peut être choisi arbitrairement, mais le nom du point de lien dans le paramètre "href" du lien doit être cohérent avec celui-ci. N'oubliez pas d'ajouter "#" devant.

6. Lien vers l'emplacement de contenu désigné d'autres pages

La méthode est similaire à l'exemple ci-dessus, mais le nom de fichier de la page Web doit être ajouté avant le nom du point de lien dans le paramètre "href". Exemple : Il existe deux pages Web, page1.htm et page2.htm. Chaque page comporte deux parties de contenu. Nous devons maintenant créer un lien hypertexte dans page1.htm. Lorsque vous cliquez sur le lien, il accède à la deuxième partie de. page2.htm supérieur. Ensuite, nous pouvons faire ceci. Tout d'abord, écrivez ce code au début de la deuxième partie de page2.htm ; écrivez un tel code de lien dans page1.htm : la deuxième partie de page2.

7. Lien vers E_mail

Après avoir cliqué sur un hyperlien, le logiciel de gestion de courrier électronique sur l'ordinateur client sera lancé pour vous écrire une lettre. Prenez cette ligne de code : écrivez-moi s'il vous plaît. Une fois que vous aurez cliqué sur le lien « Merci de m'écrire », la fonction d'écriture du logiciel de gestion d'email (comme OE) sera automatiquement lancée, et l'adresse email sera ajoutée à la barre d'adresse du destinataire.

Les liens peuvent non seulement utiliser du texte comme support, mais également utiliser des images comme support, et peuvent également utiliser une certaine partie de l'image comme support, et peuvent obtenir les effets ci-dessus. pareil, la seule différence c'est le porteur, et c'est la partie entre les deux crochets du lien, donc je ne donnerai pas d'autre exemple.

Ce qui précède est le contenu des novices apprenant d'anciennes connaissances (3) Tutoriel HTML sur le bon usage des balises de lien hypertexte. Pour plus de contenu connexe, veuillez faire attention au site Web PHP chinois (www.php.cn) !