Comment faire un hyperlien dans Yandex. Quel est le lien et comment faire un lien hypertexte en HTML. Hyperliens relatifs et construction d'adresses relatives

Les liens peuvent être divisés en deux catégories:
liens vers des ressources externes - sont créés à l'aide de la balise et sont utilisés pour élargir les capacités du document actuel lors du traitement du navigateur;
hyperliens - Liens vers d'autres ressources que l'utilisateur peut visiter ou télécharger.

Comment faire des hyperliens sur le site

1. Structure de liaison

Les hyperliens sont créés à l'aide d'une étiquette de paire. À l'intérieur de la balise est placé dans le texte qui sera affiché sur la page Web. Le texte de liaison est affiché dans le navigateur avec la sous-cotation, la couleur de la police est bleue, lorsque vous survolez sur le lien, le curseur de la souris change la vue.

Étiquette requise L'attribut href est-ce que l'URL de la page Web définit.

Point de liaison

Le lien se compose de deux parties - aiguille et partie d'adresses. Point de liaison C'est un fragment de texte ou une image visible pour l'utilisateur. Partie d'adresses Les liens vers l'utilisateur ne sont pas visibles, il représente l'adresse de la ressource à laquelle vous devez aller.

La partie d'adresse du lien consiste en une URL. URL Le localisateur de ressources uniformes est une adresse de ressource unifiée. Lors de la création d'adresses pour diviser les mots entre eux, il est recommandé d'utiliser un trait d'union et non un symbole de l'adhésion. En général, l'URL a le format suivant:

Méthode d'accès: // Nom du serveur: port / chemin

Méthode d'accès, ou protocole, communique entre des postes de travail dans différents réseaux. Les protocoles de transmission de données les plus courants:

le fichier fournit une lecture de fichier à partir d'un disque local:

Fichier: /gallery/pictures/summer.html.

hTTP fournit un accès à la page Web HTTP:

Http://site.ru/

hTTPS - Mise en œuvre spéciale du protocole HTTP à l'aide de cryptage (généralement SSL ou TLS)

Https://site.ru/

fTP exécute le serveur FTP pour recevoir un fichier:

FTP: // PGU / Répertoire / Bibliothèque

mailto lance une session d'affranchissement avec la destination spécifiée et l'hôte:

Mailto: [Email protégé]

Nom du serveur Décrit le nom complet de la machine sur le réseau, par exemple, Site.RU. Si le nom du serveur n'est pas spécifié, le lien est considéré comme local, c'est-à-dire Il fait référence à la même machine sur laquelle le document HTML contenant le lien est situé.

Numéro de port TSRqui fonctionne le serveur Web. C'est le nombre qui doit être spécifié si la méthode nécessite le numéro de port (les serveurs individuels peuvent avoir leur propre numéro de port distinctif). Si le port n'est pas spécifié, le port par défaut 80 est utilisé. Les ports standard sont:
21 - FTP.
23 - Telnet.
70 - Gopher.
80 - http.

Chemin Contient le nom du dossier dans lequel le fichier est situé.

2. Voie absolue et relative

Lorsque seul le nom du fichier est spécifié dans le lien, le navigateur suppose que le fichier est dans le même dossier que le document contenant le lien hypertexte. En pratique, des sites Web contiennent des centaines de documents placés dans des dossiers séparés afin qu'ils soient plus faciles à gérer. Pour créer un lien vers un fichier situé à l'extérieur du dossier contenant le document actuel, vous devez spécifier l'emplacement du fichier ou du chemin. HTML prend en charge deux types de chemins: absolu et relatif.

Figure. 1. Exemple de structure de dossier

2.1. Chemin absolu

Chemin absolu Spécifie l'emplacement exact du fichier dans toute la structure du dossier de l'ordinateur (serveur). Le chemin absolu avec le fichier donne accès au fichier tiers et contient les composants suivants:
1) protocole, par exemple, http (facultatif);
2) domaine (nom de domaine ou adresse IP de l'ordinateur);
3) Dossier (nom de dossier spécifiant le chemin du fichier);
4) Fichier (nom de fichier).

Il existe deux types d'enregistrements de la voie absolue - avec une indication du protocole et sans cela:

Http://site.ru/pages/tips/tips1.html //site.ru/pages/tips/tips1.html

Si le fichier est dans le dossier racine, le chemin du fichier sera comme suit:

Http://site.ru/index.html

En l'absence d'un nom de fichier, une page Web sera téléchargée par défaut dans les paramètres du serveur Web (le fichier dit d'index).

Http://site.ru/

Habituellement, un document nommé Index.html apparaît sous forme de fichier d'index. La présence de la couche finale / signifie que l'appel va au dossier s'il n'est pas - directement au fichier.

2.2. Chemin relatif

Chemin relatif Décrit le chemin du document spécifié concernant l'actuel. Le chemin est déterminé en tenant compte de l'emplacement de la page Web où se trouve le lien. Les références relatives sont utilisées lors de la création de liens vers d'autres documents sur le même site. Lorsque le navigateur ne trouve pas le lien http: // protocole, il recherche le document spécifié sur le même serveur.

Le chemin relatif contient les composants suivants:
1) dossier (nom de dossier indiquant le chemin du fichier);
2) Fichier (nom de fichier).

Le chemin pour les liens relatifs a trois désignations spéciales:
/ Indique le répertoire racine et indique que vous devez démarrer le chemin du répertoire racine des documents et descendre au dossier suivant.
. / Spécifie le dossier actuel
../ Montez un dossier (répertoire) ci-dessus

La principale différence entre le chemin relatif de l'absolu est que le chemin relatif ne contient pas le nom du dossier racine et les dossiers parent, ce qui rend l'adresse en bref et en cas de déplacement d'un domaine, il n'est pas nécessaire de prescrire une nouvelle adresse absolue à une autre. Mais si les ressources tierces se réfèrent par exemple sur vos images avec des adresses relatives, elles ne seront pas affichées sur un autre site.

3. ancre

Ancreou des liens internes, créez des transitions vers diverses sections de la page Web actuelle, vous permettant de vous déplacer rapidement entre les sections. Cela se révèle très pratique dans le cas où sur la page trop de texte. Les liens internes sont également créés par balise Avec la différence dans le fait que l'attribut HREF contient le nom du pointeur - le soi-disant ancrepas l'URL. Avant le nom du pointeur, un signe est toujours mis.

Comment créer des liens vers le document HTML

(Vous trouverez plus d'exemples au bas de cette page)

HTML Hyperliens (Liens)

Étiqueter Peut être utilisé de deux manières:

1. Pour créer un lien vers un autre document - à l'aide de l'attribut href
2. Bookmark à l'intérieur du document - à l'aide de l'attribut Nom

Liens de syntaxe HTML

Exemple

Visitez le site

ceci sera affiché par le navigateur comme suit:

Liens HTML - Attribut cible

L'attribut cible (affectation) indique où ouvrir le document verrouillable (on référencé au lien).

L'exemple ci-dessous ouvrira un document lié dans une nouvelle fenêtre de navigateur ou sur un nouvel onglet:

Liens HTML - Attribut de noms

L'attribut de noms est utilisé pour créer un signet ("ancrages" / "anchor") à l'intérieur du document HTML.

Commenter:
L'avenir HTML5-VENE dans l'avenir prévisible propose d'utiliser l'attribut ID au lieu de l'attribut Nom pour spécifier le nom du lien.
L'utilisation de l'attribut ID fonctionne réellement dans HTML4 dans tous les navigateurs modernes.

Les signets ne sont pas affichés de manière particulière. Ils ne sont pas visibles au lecteur.

Commenter: Ajoutez toujours une barre de fermeture aux liens sur le sous-répertoire. Si vous créez un lien comme ceci: href \u003d "http: // site / html", puis deux demandes pour le serveur sont générées, d'abord le serveur ajoute une barre oblique à l'adresse, puis crée une nouvelle requête: href \u003d "http : // site / html / ".

Conseil: Les liens nommés sont souvent utilisés pour créer une "table de table" au début d'un grand document. Chaque chapitre à l'intérieur du document est attribué à un lien nommé et que les références à chacune de ces ancres nommées sont insérées dans le début du document.

Conseil: Si le navigateur ne trouve pas le lien nommé spécifié, il va au début du document. Aucune erreur ne se produit.

Un signe de Lavan du document HTML est la présence dedans hyperlock (ou juste des liens) vers d'autres documents, sites, fichiers, images, etc. C'est la possibilité d'insérer des liens vers des objets en dehors de celui-ci et de rendre Internet si populaire et pratique pour une utilisation. Par conséquent, lors de la création de votre site, souvenez-vous toujours de la "magie" des liens.

Dans cette leçon, nous allons parler de comment créer un lien Sur le site, sur sa page ou un fichier séparé. Vous apprendrez à modifier le lien texte, comment l'ouvrir dans une nouvelle fenêtre, comment faire une référence à une image, quels liens externes et internes et bien plus encore. De plus, vous avez déjà des informations sur le travail avec des références que nous avons concernées dans les cours précédentes (par exemple, comment puis-je modifier la couleur des liens que nous avons parlé).

En général, cette leçon fera votre idée de créer des références complétées et suffisantes. Vous comprendrez comment créer un hyperlien en HTML et pourquoi. Et vous apprenez à gérer ses propriétés.

termes

§ 1. Lien vers le fichier, lien vers le site, lien vers la page

M Naughty questions sur ce que le lien vers le fichier est distingué du lien vers le site ou sa page séparée, m'a forgé à révéler la réponse au tout début de cette leçon. La réponse est: rien. Tous les liens énumérés sont externes à la source Page et sont créés de la même manière.

D Auba ne diffuse pas la pensée dans l'arbre, je vais tout montrer sur l'exemple.

Dans le navigateur, nous verrons ici que:

Dans le navigateur, nous verrons ici que:

Vous voyez que tous les types de liens sont créés absolument les mêmes. La différence est seulement dans adresse L'objet à faire référence. Et maintenant nous nous tournons vers la partie principale de la leçon.

§ 2. Création de liens externes

M va varier les liens à externe et interneainsi que sur textical et graphique. Liens externes menant des "limites" des pages HTML, des pièces internes pour différentes parties même pages. Les liens de texte sont du texte (par défaut, il est mis en surbrillance en bleu et souligné), ainsi que graphique, comme objet pour lequel vous devez cliquer pour aller, contenir n'importe quelle image. Tous ces types de liens sont créés dans HTML à l'aide d'une balise (abréviation de l'anglais. Ancrage - Anchor). Considérez-le plus en détail.

Pour créer un lien externe sur le site, la page ou le fichier est l'attribut TAG - href.. Comme valeur, cet attribut prend URL Site, pages ou fichier (nous avons parlé ci-dessus). Entre les balises et une partie visible de la référence (lien d'ancrage), c'est-à-dire ce que nous voyons sur l'écran du navigateur. Les liens d'ancrage peuvent être à la fois un texte ordinaire (lien texte) et une image graphique (image de liaison). Le lien est créé en insertion d'une étiquette entre les balises familières à nous. En général, la syntaxe de la création d'un lien ressemble à ceci:

Par exemple, pour créer un lien texte vers la page principale de ce site, vous devez écrire le code HTML suivant:

http://www.seoded.ru/ "\u003e Site Web à domicile

Dans le navigateur, cela ressemblera à ceci:

J'ai écrit à AK au tout début de cette leçon, la couleur du texte des liens (ancre) peut être modifiée en utilisant. En général, vous pouvez appliquer toutes les mêmes personnes au texte des liens comme texte principal de la page, c'est-à-dire en gras, en italique, à utiliser des titres, etc.

§ 2.1 Liens graphiques (liens-images)

J'ai déjà dit ce qui précède, afin de créer une image de référence, vous devez utiliser au lieu de texte. Un exemple d'un tel lien ressemble à ceci:

Et le navigateur montrera:

P À propos de la valeur par défaut, le navigateur entoure la photo dans le cadre de liaison graphique. S'il est indésirable, alors l'attribut frontière. Étiqueter Img Vous devez attribuer une valeur de 0:

frontière \u003d "0"\u003e

Page d'accueil.

§ 3. Liens internes

Pour un déplacement confortable sur les pages avec beaucoup de contenu, des liens internes sont utilisés. C'est avec leur aide, j'ai fait une "contenance de cours" (voir au début de cette page). Les références internes sont créées par le même principe que l'externe. Seulement dans la valeur de l'attribut href. L'ancre est indiquée. "Anchor" est créé par l'attribut nom.:

nom \u003d "Nom d'ancrage"\u003e Texte

Et je "ancres" fixe arbitrairement. Cela vaut la peine de dire que tous les navigateurs ne comprennent pas les noms russes des «anciens», je vous recommande donc d'utiliser latin. Le texte entre les balises pour créer une ancrage n'est pas requis et, le plus souvent, n'est pas spécifié.

"I Kore" est situé dans ces endroits de la page dans laquelle l'utilisateur doit tomber après avoir cliqué sur le lien.

J'ai déjà dit à AK, dans l'attribut href. Liens internes au lieu de l'adresse, le nom de l'ancrage souhaité est spécifié avec le symbole obligatoire du réseau ( # ) devant lui. Nous analyserons sur l'exemple.

J'ai créé une ancre avec le nom zagolovok. Et l'a posté dans le code de page en regard de la position de cette leçon ("hyperliens en HTML"). Le code "d'ancrage" est comme suit:

nom \u003d "Zagolovok"\u003e

href \u003d "# zagolovok"\u003e à l'en-tête

Et dans le navigateur alors:

Si vous avez remarqué, après la mise sous tension du lien interne vers l'en-tête, l'URL a changé dans la barre d'adresses du navigateur:

À l'adresse d'origine:

http: //www..html

http: //www..html#zagolovok

Et utilisez cette fonctionnalité, vous pouvez vous reporter à un certain lieu de la page à partir de toute ressource sur Internet! C'est-à-dire que vous avez créé une page avec un article volumineux sur quelque chose (ou posté un grand nombre de photos sur la page) et indiqué des liens internes. Être dans, vous devez vous référer à une page avec un article (ou des photographies), mais à un certain endroit sur celui-ci (ou une photo spécifique). En utilisant l'option avec un lien interne dans l'adresse, vous obtiendrez facilement la droite.

§ 4. Liens absolus et relatifs

Page d'accueil.

Mais avec des références relatives un peu plus compliquées. Dans de telles références, l'adresse est indiquée soit à propos de Le dossier racine du site (celui dans lequel la page principale réside) ou par rapport à la page source. Ces liens sont nécessaires, par exemple, si le site réside sur l'ordinateur de la maison. Ou ce n'est pas un site Web, mais une page de pointeur à d'autres documents.

D omis, nous devons nous référer à la page klienty.htmlquels mensonges dans un dossier Avec la page principale du site. Ensuite, le code de référence relative prend le formulaire:

/Klienty.html "\u003e nettoie

Et maintenant supposons que dans un dossier avec les mensonges principales dossier Zakazy et déjà dans NE. Lies Page Klienty.html Le code du lien relatif deviendra:

/Zakazy/klienty.html"-Clients

T Heather considère la création de liens hypertextes par rapport à la page source. Supposons que nous ayons une page prix. .Html (page source) et vous devez vous référer à la page. klienty.html Il y a les options typiques suivantes:

1. Prix \u200b\u200b.html et klienty.html pages sont situés dans un dossier.

klienty.html "\u003e clients




2. dans le dossier racine du site, page Prix .html réside dans le dossier Zakazy un niveau ci-dessus).

Le code sera:

../ klienty.html "\u003e nettoie

Deux points montrent que vous devez quitter le dossier actuel au niveau ci-dessus.




3. Klienty.html Page et Zakazy Dossier sont situés dans le dossier racine du site, dossier mebel réside dans le dossier Zakazy, page Prix .html réside dans le dossier mebel (i.e. page klienty.html par rapport à la page d'origine. HTML réside deux niveaux ci-dessus).

../../ klienty.html "\u003e nettoie

C'est-à-dire que chaque niveau est indiqué par deux points et layez " / ».




4. dans le dossier racine du site, Page klienty.html réside dans le dossier Zakazy (C'est-à-dire la page Klienty.html relatif à la page d'origine. HTML réside un niveau ci-dessous).

zakazy / klienty.html "\u003e clients

Dans ce cas, les points et les histoires ne sont pas définis.




5. Page.html Page (page source) et le dossier Zakazy sont situés dans le dossier racine du site, dossier mebel réside dans le dossier Zakazy, Page klienty.html réside dans le dossier mebel (C'est-à-dire la page Klienty.html par rapport à la page d'origine.html réside deux niveaux ci-dessous).

zakazy / Mebel / Klienty.html "\u003e Clients




6. Dans le dossier racine du site deux dossiers mentent: Zakazy et Oplata. Klienty.html Page réside dans le dossier Zakazy, prix original Price .html mensonges dans le dossier Oplata (C'est-à-dire. Les deux pages mentent dans différents dossiers au niveau ci-dessous Du dossier racine du site).

../ zakazy / klienty.html "\u003e nettoie

§ 5. Lien vers Email

Afin de créer un email, vous avez besoin au lieu de l'adresse URL dans la valeur d'attribut href. Écrivez une adresse email indiquant le protocole ( mailto:). Et ensuite, lorsque vous cliquez sur ce lien, la fenêtre du programme postal s'ouvre avec l'adresse "à" de l'adresse e-mail. Dans le code HTML, il ressemble à ceci:

mailto: [Email protégé]"\u003e Mon courrier

Et dans le navigateur donc.

L'hypertexte est un texte contenant des liens vers un autre texte. Un exemple est les notes de l'auteur sur les définitions complexes ou les notes de bas de page de traducteurs au bas de la page de livre, s'il existe un texte dans une langue étrangère. Les sites Internet sont un système complexe de transitions hypertextes d'une page à une autre, dans la page elle-même, ainsi qu'entre les ressources simples non liées. Une telle structure est pratique, évite beaucoup de temps, permet au visiteur de trouver rapidement les informations nécessaires et de ne pas être confondu dans un grand nombre de transitions.

Insertion d'hyperliens

Le HTML pour insérer l'hyperlien utilise un descripteur (étiquette) qui est inséré au bon endroit. Habituellement, il est affiché parmi le texte, car l'hyperlien lui-même est une structure de texte. Mais les liens sont toujours graphiques (icônes, boutons, images); Ils seront racontés sur. Leur emplacement sur la page Web ne se limite pas au texte et dépend de la solution de concepteur au créateur de site.

accueil Google Page

Ceci est un exemple de comment insérer un hyperlien vers un document HTML, qui est effectué au moyen d'une étiquette . Le visiteur du site verra un texte souligné autre que la couleur du texte environnant (la couleur des liens HTML peut être n'importe quel), "Page d'accueil de Google" en cliquant sur lequel, il tombera sur la page principale du moteur de recherche Google . Il convient de noter que le texte de l'hyperlien doit contenir des informations sur l'endroit où la transition est effectuée. Ce principe devrait être respecté et prendre la règle!

Structure de balises ...

Vous pouvez voir que la balise - paire: vous avez besoin d'une étiquette de fermeture.

attribut href Tag, spécifie l'affectation du lien.

https://google.com/ - valeur d'attributenfermer l'URL de la ressource auquel la transition sera effectuée. Il se trouve en guillemets doubles ou simples. Cela dépend de la structure des étiquettes de nidification en fonction des règles HTML.

page principale Google

toute cette conception est appelée Élémentdocument Web.

Selon les règles HTML, certains éléments peuvent contenir d'autres éléments. Étiqueter pas une exception. Si le programmeur doit mettre en surbrillance le corps de Google, il est fait à l'aide de la balise en fonction des règles de formatage de texte général, observant la séquence de la nid d'étiquette. Le webmaster doit savoir comment créer un hyperlien dans HTML sans erreur, sinon ils ne fonctionnent pas. Les références désactivées sur l'argot d'ordinateur sont appelées "bits".

page d'accueil. Google

Ici: Element

page d'accueil. Google

contient élément imbriqué

Google

Hyperliens absolus

protocole: // Nom de domaine / chemin de fichier

Un exemple de l'adresse du moteur de recherche commun en Amérique: https://aol.com est absolu, car il contient le nom du domaine.com.

Les hyperliens absolus sont utilisés pour accéder aux pages d'autres sites ou pour accéder aux ressources situées sur un autre serveur. La transition est effectuée à l'aide des protocoles Internet. Les protocoles ne sont pas le sujet de cet article, mais comme ils sont impliqués dans la création d'hyperliens, il est nécessaire de les mentionner au moins en bref:

• http.et https -le plus commun; sur eux est effectué la transition entre les pages Internet de différents sites;
• ftp -protocole pour télécharger des fichiers sur un serveur ou télécharger par l'utilisateur du site;
• mailto -le protocole postal pour lequel le courrier électronique est envoyé directement sur le site, sans entrer dans le courrier personnel.

Il existe plusieurs autres protocoles spéciaux (Gopher, Telnet), qui sont assez rares, dont l'utilisation nécessite des connaissances spéciales dans la programmation ou l'administration du système.

Hyperliens relatifs

Avec une adressage relatif, l'utilisation de liens hypertextes dans HTML sert à transition dans la ressource et ne conduit pas à ses limites. Si la page est si grosse que la barre de défilement verticale fonctionne, parfois très longue, comme par exemple dans des dictionnaires, il est très pratique et approprié d'utiliser des liens relatifs pour passer rapidement à la lettre souhaitée.

Création d'un dictionnaire Internet, un programmeur au début de la page comporte un alphabet, et s'il n'était pas pour l'utilisation de liens, l'utilisateur devra transformer la molette de la souris pendant très longtemps pour arriver à la lettre "I" .

Aller à la lettre que je

où ya.appelé ancremais Aller à la lettre que je- Destination d'ancrage. Pour afficher correctement, les ancrages recommandent l'utilisation de lettres et de chiffres latins, alors n'écrivez donc pas "moi", bien que ce soit plus clair.

Maintenant, pour la transition de l'alphabet au début de la page à la lettre "I", vous devez effectuer une liaison d'ancrage à la place du document HTML, dans quels mots commencent par la lettre "I":

lettre I.

avant l'ancre, il y a un signe de réseau, sans laquelle la transition vers la lettre ne fonctionnera pas.

Adresse relative lors de la création d'un site

L'algorithme pratique et le plus généralement accepté pour créer un programmeur de site Web:

• créer un dossier sur un ordinateur et son emplacement dans un endroit d'accès rapide pour plus de commodité;
• création dans ce dossier principal;
• créer des pages Web secondaires (index.html / page2);
• et placement dans les fichiers graphiques informatiques;
• création d'un dossier et d'un placement d'autres objets (fichiers à télécharger, par exemple);
• remplir le contenu du site;
• placer des fichiers de site sur l'hébergement.

Assurez-vous d'utiliser des liens pour la communication entre les éléments du site et vous saurez très bien à la manière d'insérer un hyperlien dans HTML sur une autre page du même site. Si les fichiers de site sont dans un répertoire unique, sur un serveur, il n'est pas nécessaire d'utiliser l'adressage absolu. Lorsque vous transférez les fichiers de site pour héberger, la connexion entre les objets restera, car elles seront également situées sur l'hébergement dans un répertoire.

Supposons que le programmeur a créé la page principale du site Index.html sur lequel il existe un lien vers un autre page2.html, décoré avec une image img.png. Ensuite, le chemin relatif de cette image ressemblera à ceci:

photo

Conseil: lors de l'étude de ce sujet, il est préférable d'utiliser un éditeur de texte simple en raison du fait que vous devez acheter un grondement dans la rédaction correcte des adresses de transition et d'apprendre à gérer le code de quelqu'un d'autre. À ce stade, ce sera un bon résultat sans erreurs hyperliens enregistrés dans le Bloc-notes,HTML ne leur pardonne pas et donne des erreurs.

Méthodes de transition par des hyperliens

Par défaut, la nouvelle page s'ouvre dans la fenêtre de navigateur actuelle lorsque l'utilisateur clique sur le lien hypertexte. Mais le programmateur Web peut modifier la valeur par défaut et le faire ouvrir la page, par exemple, dans une nouvelle fenêtre. Pour ce faire, il y a un attribut cible. avec une certaine valeur. Il peut être vivement exprimé par une table.

Syntaxe d'attribut cible:

page principale Google

La page principale "Google" s'ouvrira dans une nouvelle fenêtre.

Remarque: Pour ouvrir des pages dans un nouvel onglet, aucune valeur n'est valorisée pour cet attribut et définit l'utilisateur par l'utilisateur dans les paramètres du navigateur.

Hyperlien couleur

Un utilisateur Internet expérimenté a finalement dû remarquer que les hyperliens diffèrent de la couleur du texte environnant, et ils sont généralement bleus. Liens pour lesquels il a passé puis retourné à la page précédente, devenir lilas. L'utilisation de liens hypertextes dans HTML dans un jeu de couleurs non standard un peu, mais met en évidence le site parmi les autres.

Les liens sont définis dans la balise Utilisation des attributs et de leurs valeurs dans lesquelles la couleur HTML est dans le système RVB (# 00FF00) ou avec une indication directe du nom de couleur ("vert"). Il existe trois types d'attributs pour les liens:

• lien - Spécifie la couleur de la liaison sans connaissance;
• vlink - Définit la couleur des liens par lesquels l'utilisateur a déjà passé;
• alink - Spécifie la couleur de liaison au moment de la transition vers une autre page. Cela se produit rapidement, il n'est donc pas toujours possible d'attraper cet effet.

Exemple de balisage:

Si vous appliquez ces attributs dans la balise Les liens de ce document Web seront bleus foncés visités - Lilas et actif - orange-rouge.

Hyperliens graphiques

Les progrès et le développement de la conception Web obligent de savoir comment insérer un hyperlien dans HTML comme une image. Il est clair que l'image doit correspondre au contenu de la page de destination. Par exemple, la page principale des plantes médicinales peut être représentée sous forme de photographies de plantes en cliquant sur lequel l'utilisateur se tournera vers la page sur laquelle les propriétés du médicament sont décrites.

La méthode de remplacement des boutons statiques est largement utilisée ( ) Sur le magnifique graphique, créé par Web Designer dans Graphics Editors (GIMP, Photoshop).

Pour insérer des graphiques comme hyperlien sur la page du site, la même syntaxe est utilisée, uniquement au lieu du texte, la balise d'insertion de l'image en fonction des règles HTML est utilisée:

Les attributs des tâches de texte alternatif, de largeurs, de hauteurs et d'autres personnes s'appliquent à la même chose.

Appels du site

La norme HTML5 a élargi la fonctionnalité de l'utilisation d'Internet et vous pouvez désormais effectuer des appels non seulement du téléphone, mais directement sur le site. À cette fin, vous pouvez également utiliser des hyperliens dans le document HTML, et ils ont une telle syntaxe:

...abonné...

Au lieu de cela, le mot "abonné" est prescrit par un contact clair de veau, comme dans le répertoire téléphonique. Vous pouvez également placer un fichier graphique (photo d'abonné).

Pour apporter des appels sur le site, il est nécessaire d'avoir non seulement des liens vers le numéro de téléphone de l'abonné, mais également les casques (microphone, écouteurs) installés sur l'ordinateur de programme VoIP, la vitesse Internet doit dépasser 0,5 MB / s. Le paiement des appels est effectué par le trafic. Par conséquent, si Internet est illimité, les appels sont gratuits.

Éthique de la création d'hyperlien

Emplacement sur Internet, le webmaster doit savoir quels types de liens hypertextes existent dans HTML, et non seulement correctement, de les appliquer professionnellement, mais également adhérant aux dispositions suivantes:

• L'hyperlien doit être clairement visible, diffère du texte qui l'entoure. L'utilisateur doit savoir qu'il s'agit d'un hyperlien.
• L'utilisateur doit être clair où il tombera en cliquant sur le lien. Pour ce faire, il est conseillé d'utiliser un autre attribut titre Qui décrit concis la page de transition. Syntaxe d'attribut telle:

Yandex

• L'utilisateur doit recevoir des informations véridiques sur le fichier qui sera téléchargé lorsque le lien est affiché.

Après avoir frappé la page attendue ou téléchargé le mauvais fichier, l'utilisateur dans 99% des cas quittera immédiatement le site et ne l'arrivera jamais à l'avenir.

Anti-référencement lors de la création d'hyperliens

En plus du côté technique de la question de savoir comment insérer un lien hypertexte en HTML, un aspect moral devrait être illuminé. Il existe de nombreux sites, l'accès auxquels les utilisateurs sont bloqués par des programmes de sécurité (antivirus) ou même l'état. Ce sont ces sites créés à la main avec des programmeurs Web.

L'une des astuces auxquelles ils recours sont l'insertion des hyperliens "invisibles" sur la page Web. Les escrocs savent créer un lien hypertexte en HTML et l'aide d'attributs pour supprimer les liens et attribuer la couleur du texte environnant afin que l'utilisateur ordinaire ne le voit pas. Et avec d'autres outils de technologies Web (CSS, JavaScript, PHP), vous pouvez programmer leur comportement. Par exemple, l'événement JavaScript Langue Onmouseover Active l'élément de page Web. Lorsque l'utilisateur passe le curseur sur le lien invisible, il relève de la page de publicité d'un autre site. Ou pire lorsqu'un lien invisible vers le fichier est présent et que les logiciels inutiles commencent à télécharger et à son ordinateur. Ce sont généralement des virus qui modifient la page d'accueil du navigateur, de la litière d'un disque dur avec une masse de programmes et ainsi de suite.

Bientôt, ces sites entrent dans la "liste noire" des bases de données virales, des systèmes de sécurité et des utilisateurs Internet eux-mêmes. Ces sites ne vivent pas longtemps, et ils doivent changer leurs noms, migrer infiniment sur Internet, changer les fournisseurs d'accueil. Il ne contribue pas à la promotion du site, qui s'efforce toujours de son créateur, ne sera jamais un mégaliste, comme, par exemple, par exemple le réseau social. Parmi d'autres choses, de telles astuces causent de nombreuses émotions négatives des personnes touchées par ces actions.

Dans cette leçon, nous allons parler de comment faire un lien vers HTML. Les liens sont très souvent utilisés sur des sites, ils vous permettent de passer d'un site d'une page à une autre. La caractéristique des liens est qu'ils peuvent mener non seulement sur la page Web, mais également sur des fichiers, des images, etc.

Les liens peuvent être internes et externes. Sur les liens internes, passer aux pages et aux fichiers dans un seul site sont effectués. Liens externes conduisent sur des sites tiers, des documents et des fichiers. Dans le même temps, ces types de référence sont définis, presque également.

Comment faire un lien vers HTML, des exemples

1. Href. - responsable de l'endroit où le lien devrait mener. Le lien standard est défini comme suit: Texte de liaison.

2. Cible. - Responsable de quelle fenêtre ouvrira le document. Par défaut, le nouveau document s'ouvre dans la fenêtre actuelle du navigateur. L'attribut cible vous permet d'ouvrir un lien dans une nouvelle fenêtre de navigateur. Cet attribut a les paramètres suivants:

• _Blank - Téléchargements Une page dans une nouvelle fenêtre;
• _Self - charge la page dans la fenêtre actuelle;
• _Parent - Téléchargements Une page dans un cadre de cadre;
• _Top - annule toutes les cadres et télécharge une page dans une nouvelle fenêtre.

3. Nom. - Utilisé pour aller dans une zone spécifique à l'intérieur de la page. Après le symbole "grille", le mot-clé (signet ou étiquette) est indiqué entre guillemets. Pour aller sur cette étiquette, un lien est utilisé dans lequel cette étiquette est prescrite.

Aller sur le site

Aller sur le site

Leçons WordPress gratuit

Exemple 4. Images comme des liens.

Aller au texte

Texte de texte ...

Dans cet exemple, l'étiquette de liste est définie sur la page à l'aide de l'attribut Nom. Le lien vers cette étiquette fournira une transition vers une zone de page spécifique.

Télécharger un fichier

Écrire une lettre

Vous pouvez spécifier la couleur des références à l'aide des attributs spécifiés dans la balise "Corps" comme paramètres. Considérez ces attributs:

• lien - Non visité Référence, par défaut, il est affiché en bleu;
• alink est un lien actif, la valeur par défaut est rouge;
• vlink - Visitedi Link, a la couleur violette par défaut.

...

Ainsi, nous avons compris le principe des références à HTML. Des liens peuvent recevoir certains styles de conception. À propos de peut être visualisé dans la leçon en cliquant sur le lien.