Tutoriel d'apprentissage des balises de lien hypertexte de page Web HTML
Attributs des balises de lien
Les liens sont l'un des éléments les plus importants d'une page Web et l'âme d'un site Web. Un site Web est composé de plusieurs pages et les pages s'appuient sur des liens pour déterminer la relation de navigation mutuelle. Chaque page Web possède une adresse unique, appelée url (Uniform Ressource Localisateur : Identificateur de ressource universel). Entrez http://www.jb51.net dans la barre d'adresse et appuyez sur Entrée. La page principale du site Web Script House s'ouvrira. Comme vous pouvez le voir, il y a plusieurs colonnes, plusieurs actualités, etc. sur la page. Les différentes colonnes en haut sont des liens texte. Bien que la balise de lien
occupe une place irremplaçable dans la conception et la production de sites Web, il n'existe qu'une seule balise, et c'est la balise . Les applications de liens présentées sur ce site sont toutes basées sur la balise
Les attributs de la balise de lien sont affichés dans le tableau ci-dessous
Attribut Description href spécifie le nom de l'adresse du lien noms le titre du lien donne le texte d'invite du lien target spécifie la fenêtre cible du raccourci clavier link accesskey
À propos du chemin
Chaque fichier a son propre emplacement de stockage et son propre chemin. Comprendre la relation de chemin entre un fichier et le fichier à lier est la base de la création d'un lien. url : Uniform Resource Locator, fait référence à l'adresse indépendante de chaque site Web. Chaque page Web d'un même site Web appartient à la même adresse, mais lors de la création d'une page Web, il n'est ni possible ni nécessaire de saisir l'adresse complète pour chaque lien. Il nous suffit de déterminer la relation de chemin relatif entre le document actuel et le répertoire racine du site. Par conséquent, les liens peuvent être divisés en trois types suivants : Chemin absolu
tel que http://www.jb51.net Chemin relatif
tel que chemin racine news/default.htm
Tels que /website/news/default.htm
Avant de comprendre ces trois formes d'adresse, vous devez d'abord comprendre deux autres concepts : les liens internes et les liens externes
Interne et externe sont relatifs au dossier du site. Si le lien pointe vers un fichier dans le dossier du site, il s'agit d'un lien interne. Si le lien pointe en dehors du dossier du site, on parle de lien externe. Lors de l'ajout de liens externes, l'adresse absolue mentionnée ci-dessous sera utilisée ; lors de l'ajout de liens internes, l'adresse relative du répertoire racine et l'adresse relative du fichier mentionnées ci-dessous seront utilisées.
Ces trois types de liens sont présentés ci-dessous :

Chemin absolu

Le chemin absolu fournit un chemin complet vers le fichier, incluant des protocoles adaptés, tels comme http, FTP, rtsp, etc. Les plus courants sont :

http://www.sohu.com

ftp://202.136.

Lors de la création de liens vers des fichiers sur d'autres sites Web, des liens absolus doivent être utilisés. Chemins relatifs

Les liens relatifs sont les meilleurs pour les liens internes sur un site Web. Tant qu'ils se trouvent sous le même site Internet, même s'ils ne sont pas dans le même répertoire, les liens relatifs sont très adaptés. Les adresses relatives de fichiers sont une forme idéale d’écriture de liens internes. Les adresses relatives sont libres de créer des liens entre les fichiers tant qu'elles se trouvent dans un dossier du site. Cette forme d'adresse tire parti de la relation relative entre les deux fichiers qui établissent le lien et n'est pas affectée par l'emplacement du serveur du dossier du site. Cette forme d'écriture omet donc la même partie de l'adresse absolue. L'avantage est que lorsque l'adresse du serveur où se trouve le dossier du site change, tous les liens internes du dossier (si ce formulaire d'adresse est utilisé) ne poseront pas de problèmes.

La méthode d'utilisation des liens relatifs est la suivante : Si vous créez un lien vers le même répertoire, entrez simplement le nom du document à lier. Pour créer un lien vers un fichier dans un répertoire de niveau inférieur, entrez simplement le nom du répertoire, suivi de "/" puis du nom du fichier. Si vous souhaitez créer un lien vers un fichier dans le répertoire de niveau supérieur, saisissez d'abord ".../", puis saisissez le nom du répertoire et le nom du fichier. Chemin racine

Les adresses relatives racine conviennent également pour créer des liens internes, mais dans la plupart des cas, cette forme d'adresse n'est pas recommandée. Il est utilisé dans les situations suivantes : Lorsque le site est de très grande taille et est hébergé sur plusieurs serveurs Lorsque plusieurs sites sont placés sur un serveur en même temps

La forme d'écriture de l'adresse relative du répertoire racine est également très simple. Tout d'abord, elle commence par une barre oblique, qui représente le répertoire racine, puis le nom du dossier est écrit, et enfin le nom du fichier est écrit. . Le chemin racine commence par "/ "Démarrez, puis le nom du répertoire sous le répertoire racine.
#p#
Créer des liens internes
Les liens dits internes font référence aux relations de liens entre différentes pages HTML au sein d'un même site Web. Lors de l'établissement de liens internes sur un site Web, il convient de veiller à ce que les liens aient une structure de navigation claire afin que les utilisateurs puissent facilement trouver les fichiers HTML du contenu requis.
Ensuite, nous créons trois pages. Dans la première page 8-1.htm, créons des liens vers les deux pages 8-1-1.htm et 8-1-2.htm, et ajoutons-les aux deux pages Créer. un lien vers la page 8-1.htm à partir de chaque page liée. La relation répertoire des trois pages est la suivante :
8-1.htm et 8-1-1.htm sont stockés dans le répertoire racine du site Web, et 8-1-2.htm est stocké dans le répertoire test. Syntaxe de base Texte du lienExplication de la syntaxe
Spécifiez l'adresse via l'attribut href, File_name est le chemin du fichier à lier et "link text" est le contenu du texte sur lequel la souris a cliqué. Exemple de fichier : 8-1.htm
Créez deux liens via la balise , renvoyant respectivement vers deux autres pages html.
01
02
03
04
05
06
07 Créer des liens internes
08
09
10

Logiciel de conception Web grand public

À l'heure actuelle, la technologie des pages Web est entrée dans une nouvelle étape. Les pages Web d'aujourd'hui ne sont plus une collection d'images et de textes ennuyeux. Ce que les gens recherchent désormais, c'est l'effet dynamique et l'interactivité des pages Web. Les trois mousquetaires des logiciels de conception Web de Macromedia, Dreamweaver, Flash et Fireworks, sont des représentants exceptionnels de la conception Web interactive. Sa dernière version, mx. 2004 hérite des avantages de la version précédente et intègre en outre des fonctions très adaptées aux besoins de conception et de construction de sites Web.

12 Logiciel de production de pages Web Dreamweaver mx 2004
13

14 Logiciel d'animation Web Flash mx 2004
15
16
La ligne 12 définit le lien vers la page sœur de 8-1-1.htm, et la ligne 14 définit le lien vers la page 8-1-2.htm dans le répertoire de test. Exemple de fichier : 8-1-1.htm
Ce fichier est la page "Webpage Production Software Dreamweaver mx 2004", et un lien vers la page 8-1.htm est établi via la balise
01
02
03
04
05
06
07 Un des fichiers de liens internes
08
09
10

Dreamweaver mx 2004

11 Dreamweaver mx En tant que représentant des logiciels de conception Web, 2004 a deux fonctions principales : la gestion de sites et la production de pages. Si vous avez également l'idéal du tissage de rêves, alors ce logiciel est sans aucun doute le meilleur moyen de vous aider à réaliser votre rêve. Une édition visuelle complète, un excellent contrôle du code, une planification et une gestion complètes du site et une conception d'effets dynamiques extraordinaires offrent aux concepteurs un moyen pratique. La version mx du logiciel intègre en outre les fonctions de site Web dynamique et de page statique traditionnelle, ce qui fournit sans aucun doute davantage de méthodes de mise en œuvre pour créer des sites Web.
12

13 Retour
14
15 Description du fichier
La ligne 13 définit le lien vers la page de même niveau de 8-1.htm. Exemple de fichier : 8-1-2.htm
Ce fichier est la page "Web Animation Software Flash mx 2004", et un lien vers la page 8-1.htm est établi via la balise
01
02
03
04
05
06
07 Fichier de lien interne 2
08
09
10

Flash mx 2004

11 Flash MX En tant que représentant des logiciels d'animation interactive vectorielle Web, 2004 assure trois fonctions principales : le dessin graphique, la production d'animation et l'interaction. Une fois que vous maîtriserez le cœur de ce logiciel, vous aurez la possibilité d'agir comme un utilisateur flash tout en surfant sur Internet. De plus en plus de sites Web personnels et commerciaux utilisent la technologie Flash, des bannières publicitaires, des titres animés, MTV et des jeux interactifs. Les applications étendues fournissent une vaste plate-forme de développement permettant aux apprenants de Flash d'apprendre Flash. Le logiciel mx 2004 est un processus encore plus tentant.
12

13 Retour
14
15
La ligne 13 définit le lien vers la page précédente du 8-1.htm.
#p#
Définir la fenêtre cible du lien
Après avoir cliqué sur le lien, la fenêtre du navigateur par défaut est la fenêtre d'origine. Nous pouvons spécifier la fenêtre cible ouverte par ce lien, comme une nouvelle fenêtre, etc. Syntaxe de base Texte du lienExplication de la syntaxe
Définissez la fenêtre cible via target. La valeur de value est comme indiqué dans le tableau suivant. Valeur de l'attribut Description _parent. S'ouvre dans la fenêtre précédente. Les cadres qui utilisent généralement le cadrage utilisent souvent _blank pour s'ouvrir dans une nouvelle fenêtre et _self pour s'ouvrir dans le même cadre ou la même fenêtre. Il n'est généralement pas nécessaire de définir _top. Ouvrez dans toute la fenêtre du navigateur, en ignorant les cadres. Exemple de fichier : 8-2.htm
Définissez la fenêtre cible du lien via l'attribut cible.
01
02
03
04
05
06
07 Fenêtre cible du lien
08
09
10

Logiciel de conception Web grand public

11 À l'heure actuelle, la technologie des pages Web est entrée dans une nouvelle étape. Les pages Web d'aujourd'hui ne sont plus une collection d'images et de textes ennuyeux. Ce que les gens recherchent désormais, c'est l'effet dynamique et l'interactivité des pages Web. Les trois mousquetaires des logiciels de conception Web de Macromweaver, Dreamweaver, Flash et Fireworks, sont des représentants exceptionnels de la conception Web interactive. Sa dernière version, mx. 2004 hérite des avantages de la version précédente et intègre en outre des fonctions très adaptées aux besoins de conception et de construction de sites Web.

12 Logiciel de production de pages Web Dreamweaver mx 2004
13

14 Logiciel d'animation Web Flash mx 2004
15
16
La ligne 12 définit la page de lien à afficher dans la fenêtre d'origine, et la ligne 14 définit la page de lien à afficher dans la nouvelle fenêtre.
#p#
Créer un lien de favori
Lorsque vous parcourez une page, si la page a beaucoup de contenu et que la page est trop longue, vous devez continuer à faire glisser la barre de défilement pendant la navigation, ce qui est très gênant. Si vous souhaitez trouver un contenu spécifique, c'est même le cas. plus gênant. À ce stade, si une table des matières peut être créée sur cette page Web ou sur une autre page, le spectateur peut automatiquement accéder à la position correspondante de la page Web pour la lecture en cliquant sur un élément du catalogue. Cela devrait être très pratique, et il peut également être défini dans la page. Définir un lien tel que "Retour à la page d'accueil". C'est ce qu'on appelle un lien de signet.
Il y a deux étapes pour établir un lien vers un signet : l'une consiste à créer un signet et l'autre consiste à créer un lien pour le signet.
Créons une page d'introduction au logiciel contenant le contenu des Trois Mousquetaires de la conception Web et créons un signet pour chaque logiciel. Ce signet est l'emplacement vers lequel vous accéderez plus tard. En d’autres termes, ce signet détermine la base de guidage des liens au sein d’une page. Syntaxe de base TextExemple de fichier : 8-3.htm
Créez des liens de favoris pour les trois paragraphes du texte du titre de la page

.
01
02
03
04
05
06
07 Créer un lien de favori
08
09
10

Logiciel de conception Web grand public

Dreamweaver mx 2004

12 Dreamweaver MX En tant que représentant des logiciels de conception Web, 2004 a deux fonctions principales : la gestion de sites et la production de pages. Si vous avez également l'idéal du tissage de rêves, alors ce logiciel est sans aucun doute le meilleur moyen de vous aider à réaliser votre rêve. Une édition visuelle complète, un excellent contrôle du code, une planification et une gestion complètes du site et une conception d'effets dynamiques extraordinaires offrent aux concepteurs un moyen pratique. La version mx du logiciel intègre en outre les fonctions de site Web dynamique et de page statique traditionnelle, ce qui fournit sans aucun doute davantage de méthodes de mise en œuvre pour créer des sites Web.
13

Flash mx 2004

15 Flash mx En tant que représentant des logiciels d'animation interactive vectorielle Web, 2004 assure trois fonctions principales : le dessin graphique, la production d'animation et l'interaction. Une fois que vous maîtriserez le cœur de ce logiciel, vous aurez la possibilité d'agir comme un utilisateur flash tout en surfant sur Internet. De plus en plus de sites Web personnels et commerciaux utilisent la technologie Flash, des bannières publicitaires, des titres animés, MTV et des jeux interactifs. Les applications étendues fournissent une vaste plate-forme de développement permettant aux apprenants de Flash d'apprendre Flash. Le logiciel mx 2004 est un processus encore plus tentant.
16

Feux d'artifice mx 2004

18 Feux d'artifice mx En tant que représentant des logiciels de conception d'images Web, 2004 a hérité des fonctions de dessin graphique et d'effets spéciaux de page de la version précédente, tout en développant également considérablement les fonctions de traitement d'images bitmap. Cela donne sans aucun doute à ce logiciel un plus grand capital pour concurrencer Photoshop, et ses nombreuses. les applications de conception Web sont inégalées par aucun logiciel. Avec Dreamweaver L'intégration de mx 2004 a déjà joué et continue de jouer un rôle indispensable dans le processus de conception d'images de sites Web professionnels.
19

20
21 Description du fichier
Les lignes 11, 14 et 17 définissent respectivement les noms de signets dw, fl et fw du texte du titre en 3 paragraphes.
#p#
Lier les favoris dans la même page
Ensuite, nous créerons des liens pour le 8-3.htm que nous avons créé. Nous espérons créer 3 liens au début de la page, renvoyant vers chaque position d'introduction du logiciel. Syntaxe de base Lien texteExplication grammaticale
bookmark_name est le nom du signet qui vient d'être défini. Exemple de fichier : 8-4.htm
Créez 3 liens vers les positions de signet des trois paragraphes du texte du titre dans