- Lien de balise <a> et ses attributs
- Comment faire un lien pour télécharger le fichier
- Liens relatifs et absolus, leur différence
Bonjour, chers lecteurs du site Uspei.com. Dans cette courte leçon, nous aurons le temps d’apprendre la technologie de la création de liens. Pour insérer un lien en html, passons au code de notre page et trouvez le texte "http://www.howtocorp.com/typepilot". J'ai 73 lignes de document. Vous pouvez ouvrir ce fichier en utilisant notre éditeur de texte Notepad ++ . 
Lien de balise <a> et ses attributs
Maintenant, avant ce texte, ouvrez la balise <a> qui crée le lien. Ceci est une balise de paire, nous devons donc fermer la balise à l'endroit où le lien se termine par nous.
<a> http://www.howtocorp.com/typepilot </a>Nous devons maintenant enregistrer les attributs de la balise <a>, car sans eux, le navigateur ne comprend plus quoi faire avec notre lien. Enregistrez le premier attribut requis pour le lien - href . C'est l'attribut principal du lien. Il indique où ce lien mène. Dans notre cas, le lien mène au site http://www.howtocorp.com/typepilot. Par conséquent, nous le prescrivons pour l'attribut href.
<a href="http://www.howtocorp.com/typepilotince http://www.howtocorp.com/typepilot </a>
Voyons maintenant ce que nous avons fait dans le navigateur.
Comme on peut le constater, le texte est devenu un lien. Si vous cliquez sur ce lien, une autre page sera chargée. Et ça va charger, faites attention, au lieu de notre page! Ce n’est pas toujours pratique, car Vous pouvez perdre un visiteur qui suit le lien vers un autre site. Par conséquent, pour les liens, il existe un attribut cible . Si nous voulons que ce lien s'ouvre dans une nouvelle fenêtre, nous devons définir la valeur pour _ vierge .
<a href="http://www.howtocorp.com/typepilot express_==_blueface> http://www.howtocorp.com/typepilot </a>Voici à quoi ressemblera le code de notre lien. Et si nous actualisons notre page dans le navigateur, nous verrons qu'en cliquant sur le lien, notre page restera ouverte et la page du lien s'ouvrira dans un autre onglet ou une autre fenêtre.
Un autre attribut du lien est l'attribut title universel, qui peut être utilisé avec presque toutes les balises. Cet attribut est responsable de l'indice. Il est souvent nécessaire d'indiquer à l'utilisateur où ce lien mène. Le conseil devrait apparaître lorsque vous survolez le lien. Définissons cet attribut pour notre lien.
<a href=eshttp://www.howtocorp.com/typepilot “target= ”_blank titre enchanteur = type type de pilote Pilotina> http://www.howtocorp.com/type piloteMaintenant, nous allons enregistrer et vérifier que nous sommes dans le navigateur. Nous avons donc un indice lorsque vous passez la souris sur le lien.
Retour à l'index ↑Comment faire un lien pour télécharger le fichier
Et maintenant, apprenons à créer des liens nous permettant de télécharger des fichiers. Pour cela, nous avons besoin d'un fichier. Par exemple, vous pouvez télécharger ce fichier. Si le fichier n'est pas téléchargé et ouvert dans un nouvel onglet, cliquez sur le bouton droit de la souris puis sur "enregistrer sous".
Lien vers time.pdf
Faisons le lien en bas pour télécharger cet article au format pdf. Mais d’abord, créons un répertoire séparé pour nos fichiers et nommons-le . Dans ce dossier, nous plaçons notre fichier time.pdf.
Après cela, ouvrez notre fichier avec le code et tout en bas, avant de fermer la balise <body>, créez un paragraphe:
<p> Téléchargez cet article au format pdf </ p>Sauvegardons notre fichier et vérifions si un paragraphe est apparu.
Un paragraphe est apparu et notre tâche consiste maintenant à faire de ce paragraphe un lien vers le téléchargement de fichier. Pour ce faire, nous incluons un paragraphe dans la balise <a> . Pour une balise, nous prescrivons l'attribut href et pour elle, nous ne prescrivons pas un lien vers la page, mais un lien vers un fichier spécifique.
<p> <a href="files/time.pdf services> Téléchargez cet article au format pdf </a> </ p>
Maintenant, si nous sauvegardons notre fichier et vérifions son fonctionnement dans le navigateur, lorsque nous cliquons sur le lien, nous allons commencer à télécharger le fichier.
Liens relatifs et absolus, leur différence
Il convient de noter que dans ce cas, nous avons indiqué un lien relatif, à savoir: Le lien que nous avons est relatif au document index.html.
Maintenant, donnons un exemple de lien absolu. Permettez-moi de vous rappeler qu'avec un tel lien, le chemin est complètement indiqué, à partir du début du site. Exemple:
<a href="http://www.howtocorp.com/typepilot> Cliquez ici </a>Dans ce lien, le chemin est spécifié en commençant par le nom du site, suivi du dossier. Cliquez sur ce lien pour charger le fichier index.html situé sur ce site. Dans ce cas, bien sûr, il était possible d'indiquer une page spécifique après le nom du dossier. La principale chose à retenir est que le lien absolu commence par le site et spécifie le chemin d'accès complet au fichier ou au dossier.
Nous avons donc passé en revue le processus de création de liens dans le document HTML, traité les attributs de la balise <a> et appris à créer des liens non seulement vers d'autres pages, mais également pour télécharger un fichier spécifique. Un peu plus tard nous discuterons comment utiliser les liens pour amener votre site au sommet .
A bientôt! Tout faire et toujours sur les pages du blog Uspei.com
Aidez le projet - abonnez-vous à notre chaîne Yandex.DZen!