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
À 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.
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
08
09
10
Logiciel de conception Web grand public
11
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
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
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